<template >
  <div class="vis" :loading="loading">
    <Card dis-hover>
      <Row>
        <!-- <transition name="fade"> -->
          <i-Col span="5" class="vis-left" v-show="shows">
              <p style="margin: 7px 0px 0px 0px">
                <span class="left-title">选择分析板块</span>
                <Divider />
              </p>
              <div class="vis-list">
                <i-button class="set-btn" shape="circle"
                  ><span
                    ><i class="ivu-icon ivu-icon-ios-settings"></i
                    >分析板块管理</span
                  ></i-button
                >
                <div class="vis-btns">
                  <i-button
                    class="vis-btns-each"
                    v-for="(item, index) in datalist"
                    :key="index"
                    :class="{ active: cur == item.cur }"
                    @click="changeBtn(item)"
                    >{{ item.title }}</i-button
                  >
                </div>
              </div>
          </i-Col>
        <!-- </transition> -->
        <i-Col span="16" class="vis-righ" v-if="middle">
          <!-- :class="['sider-trigger-a', shows ? 'collapsed' : '']" -->
          <a @click="shows=!shows" type="primary" size="small"><Icon type="md-menu" style="font-size:26px"/></a>
          <Row :gutter="16" type="flex" justify="start" class="dr-search">
            <i-Col span="2.5">
              <Select
                ref="select"
                class="col-style"
                v-model="searchdata.orgname"
                filterable
                multiple
                :loading="loading1"
                :remote-method="remoteMethod"
                placeholder="请输入英文机构名称">
                <!-- :max-tag-count="5" -->
                <Option
                  v-for="(val,key, index) in orgnameList"
                  :value="key"
                  :key="index"
                  >{{ val }}</Option
                >
              </Select>
            </i-Col>
            <!-- H++ 走势 单选 -->
            <i-Col span="2.5" v-if="showYear">
              <div class="col-style">
                <Select
                  v-model="searchdata.year"
                  clearable
                  placeholder="请选择年份"
                >
                  <Option
                    v-for="item in yearList"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <i-Col span="2.5" v-if="showYears">
              <div class="col-style">
                <Select
                  v-model="searchdata.list"
                  clearable
                  placeholder="请选择年份"
                >
                  <Option
                    v-for="item in yearLists"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option>
                </Select>
              </div>
            </i-Col>
            <i-Col span="2.5" v-if="showTlf">
              <div class="col-style">
                <Select
                  v-model="searchdata.arrange"
                  clearable
                  placeholder="请选择层次">
                  <Option
                    v-for="item in arrangeList"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option>
                </Select>
              </div>
            </i-Col>
            <i-Col span="5">
              <div class="line-style">
                <Button type="primary" @click="getDatalist">确认</Button>
                <Button
                  type="primary"
                  v-if="exportNumsShow"
                  class="vis-export"
                  @click="exportDataNums"
                  >导出</Button>
                <Button
                  type="primary"
                  v-if="exportEvalShow"
                  class="vis-export"
                  @click="exportDataEval"
                  >导出</Button>
              </div>
            </i-Col>
          </Row>
          <Row style="margin-top: 30px" class="demo-spin-col">
                <!-- <Spin fix>
                    <Icon type="ios-loading" size=18 class="demo-spin-icon-load"></Icon>
                    <div>Loading</div>
                </Spin> -->
            <!-- 国内人才与美国合作超过50次人才名单 -->
            <Table size="small"
              v-show="numberShow"
              :columns="talentsColumns"
              :data="NumData"
              :loading="loading"
            ></Table>
            <Page
              style="margin-top:10px"
              v-show="numberShow"
              size="small"
              :total="numPage.total"
              show-total
              show-sizer
              @on-change="NumchangePage"
              @on-page-size-change="NumchangePagesize"
            />
            <Table
              size="small"
              v-show="evaluateShow"
              :columns="evaluateColumns"
              :data="evaluateData"
              :loading="loading"
            ></Table>
            <Page
              style="margin-top:10px"
              size="small"
              v-show="evaluateShow"
              :total="evalPage.total"
              show-total
              show-sizer
              @on-change="evalchangePage"
              @on-page-size-change="evalchangePagesize"
            />
            <!-- 学科多维度对比 wDXueKeData-->
            <chart-radar
              v-if="xKWDshow"
              :value="wDXueKeData"
              style="height: 650px"
              :text="XKWDtext"
              :indicator="xData"
              :loading="loading"
            ></chart-radar>
            <!-- H++ 指数分析 chart_bar_data2-->
            <chart-bar
              v-if="hNshow"
              :value="chart_bar_data1"
              style="height: 650px"
              :barWidth="HbarWidth"
              :text="hNumbertext"
              :rotate="hNumberRotate"
              :loading="loading"
            ></chart-bar>
            <!-- H++ 指数5年趋势 chart_bar_data7 -->
            <chart-line
              v-if="Hnum5"
              :value="chart_bar_data7"
              style="height: 650px"
              :text="Hnum5text"
              :loading="loading"
            ></chart-line>
            <!-- CA+ 指数5年趋势分析 chart_bar_data6-->
            <chart-line
              v-if="Ca5"
              :value="chart_bar_data6"
              style="height: 650px"
              :text="CA5text"
              :loading="loading"
            ></chart-line>
            <!-- CA指数分析  chart_bar_data3-->
            <chart-bar
              v-if="CAShow"
              :value="chart_bar_data3"
              style="height: 650px"
              :text="CAtext"
              :loading="loading"
              :rotate="CARotate"
              :barWidth="CAbarWidth"
              :color="['#95c8ec']"
            ></chart-bar>
            <!-- G指数分析 chart_bar_data2-->
            <chart-bar
              v-if="GShow"
              :value="chart_bar_data2"
              style="height: 650px"
              :text="Gtext"
              :rotate="gRotate"
              :barWidth="gbarWidth"
              :loading="loading"
              :color="['#95c8ec']"
            ></chart-bar>
            <!-- G指数5年趋势 chart_bar_data8-->
            <chart-line
              v-if="Gh5"
              :value="chart_bar_data8"
              style="height: 650px"
              :text="Gh5text"
              :loading="loading"
            ></chart-line>
            <!-- 国际专利 学科人才转化能力 chart_bar_data4-->
            <chart-bar
              v-if="GuoShow"
              :value="chart_bar_data4"
              style="height: 650px"
              :text="GuoNumbertext"
              :rotate="GuoRotate"
              :color="['#0070c0']"
              :barWidth="GuobarWidth"
              :loading="loading"
            ></chart-bar>
            <!-- 各校学科人才平均数字画像分及排序 chart_bar_data9 -->
            <charty-bar
              v-if="Portray"
              :value="chart_bar_data9"
              style="height: 650px"
              :text="Portraytext"
              :barWidth="hxbarWidth"
              :rotate="HxRotate"
              :loading="loading"
            ></charty-bar>
            <!-- 学科人才机构 -->
            <sanjiao-chart-bar
              v-if="XueKe"
              style="height: 650px"
              :text="XueKetext"
              :value="chart_bar_data10"
              :xData="xData10"
              :loading="loading"
              :position="position"
            ></sanjiao-chart-bar>
            <!-- 学科人才转化能力（专利转化所在国家对比）chart_bar_data11  -->
            <chart-piem
              v-if="subTelent"
              :text="XueKeNLtext"
              :value="chart_bar_data11"
              :loading="loading"
              style="height: 650px"
            ></chart-piem>
            <!-- 不同层次人才咋学术论文方面的贡献 chart_bar_data13 -->
            <chart-barstack
              v-if="papers"
              :xData="titleData13"
              :value="chart_bar_data13"
              :text="papersText"
              :legendList="legendData13"
              :barWidth="bar13"
              :loading="loading"
              :rotate="rotate13"
              style="height: 650px"
            ></chart-barstack>
            <!-- 不同层次人才在专利方面的贡献 chart_bar_data12-->
            <chart-barstack
              v-if="telentZl"
              :xData="titleData12"
              :value="chart_bar_data12"
              :legendList="legendData12"
              :rotate="rotate12"
              :loading="loading"
              :barWidth="bar12"
              :text="TelentZLtext"
              style="height: 650px"
            ></chart-barstack>
            <!-- 国内外引进人才在学术论文方面的贡献 chart_bar_data15-->
            <chart-barstack
              v-if="academic"
              :xData="titleData15"
              :value="chart_bar_data15"
              :rotate="rotate15"
              :text="academicText"
              :legendList="legendData15"
              :barWidth="bar15"
              :loading="loading"
              style="height: 650px"
            ></chart-barstack>
            <!-- 国内外引进人才在专利方面的贡献对比 chart_bar_data16-->
            <chart-barstack
              v-if="bring_patent"
              :xData="titleData16"
              :value="chart_bar_data16"
              :rotate="rotate16"
              :barWidth="bar16"
              :text="patentText"
              style="height: 650px"
              :legendList="legendData16"
              :loading="loading"
            ></chart-barstack>
            <div v-show="svgShow" style="height:500px;text-align:center;margin:0 auto">
              <svg class="svgs" viewBox="0 0 122 104" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" encoding="UTF-8">
                <!-- Generator: Sketch 55 (78076) - https://sketchapp.com -->
                <title>暂无内容</title>
                <desc>Created with Sketch.</desc>
                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="空白页" transform="translate(-656.000000, -664.000000)">
                        <g id="暂无内容" transform="translate(656.000000, 664.000000)">
                            <g id="分组-4">
                                <g id="背景/线" fill="#C3CBD6">
                                    <g id="-">
                                        <g id="编组" transform="translate(14.200000, 9.200000)" fill-rule="nonzero">
                                            <path d="M0.8,73.1 C0.3581722,73.1 -5.68434189e-14,72.7418278 -5.68434189e-14,72.3 C-5.68434189e-14,71.8581722 0.3581722,71.5 0.8,71.5 L70.8,71.5 C71.2418278,71.5 71.6,71.8581722 71.6,72.3 C71.6,72.7418278 71.2418278,73.1 70.8,73.1 L0.8,73.1 Z M74.8,73.1 C74.3581722,73.1 74,72.7418278 74,72.3 C74,71.8581722 74.3581722,71.5 74.8,71.5 L77.3,71.5 C77.7418278,71.5 78.1,71.8581722 78.1,72.3 C78.1,72.7418278 77.7418278,73.1 77.3,73.1 L74.8,73.1 Z M83.8,73.1 C83.3581722,73.1 83,72.7418278 83,72.3 C83,71.8581722 83.3581722,71.5 83.8,71.5 L92.8,71.5 C93.2418278,71.5 93.6,71.8581722 93.6,72.3 C93.6,72.7418278 93.2418278,73.1 92.8,73.1 L83.8,73.1 Z M23.8,80.6 C23.3581722,80.6 23,80.2418278 23,79.8 C23,79.3581722 23.3581722,79 23.8,79 L30.8,79 C31.2418278,79 31.6,79.3581722 31.6,79.8 C31.6,80.2418278 31.2418278,80.6 30.8,80.6 L23.8,80.6 Z M35.3,80.6 C34.8581722,80.6 34.5,80.2418278 34.5,79.8 C34.5,79.3581722 34.8581722,79 35.3,79 L65.8,79 C66.2418278,79 66.6,79.3581722 66.6,79.8 C66.6,80.2418278 66.2418278,80.6 65.8,80.6 L35.3,80.6 Z M80,52.8 C80,51.7333333 81.6,51.7333333 81.6,52.8 L81.6,55.8 C81.6,56.2418278 81.2418278,56.6 80.8,56.6 L77.8,56.6 C76.7333333,56.6 76.7333333,55 77.8,55 L80,55 L80,52.8 Z M81.6,58.8 C81.6,59.8666667 80,59.8666667 80,58.8 L80,55.8 C80,55.3581722 80.3581722,55 80.8,55 L83.8,55 C84.8666667,55 84.8666667,56.6 83.8,56.6 L81.6,56.6 L81.6,58.8 Z M4,28.8 C4,27.7333333 5.6,27.7333333 5.6,28.8 L5.6,31.8 C5.6,32.2418278 5.2418278,32.6 4.8,32.6 L1.8,32.6 C0.733333333,32.6 0.733333333,31 1.8,31 L4,31 L4,28.8 Z M78.1,3.5 L80.8,3.5 C81.8666667,3.5 81.8666667,5.1 80.8,5.1 L78.1,5.1 L78.1,7.8 C78.1,8.86666667 76.5,8.86666667 76.5,7.8 L76.5,5.1 L73.8,5.1 C72.7333333,5.1 72.7333333,3.5 73.8,3.5 L76.5,3.5 L76.5,0.8 C76.5,-0.266666667 78.1,-0.266666667 78.1,0.8 L78.1,3.5 Z M5.6,34.8 C5.6,35.8666667 4,35.8666667 4,34.8 L4,31.8 C4,31.3581722 4.3581722,31 4.8,31 L7.8,31 C8.86666667,31 8.86666667,32.6 7.8,32.6 L5.6,32.6 L5.6,34.8 Z" id="Path-2"></path>
                                            <path d="M14.0928932,61.1431458 C14.5642977,60.6717412 15.2714045,61.378848 14.8,61.8502525 L13.7393398,62.9109127 C13.5440777,63.1061748 13.2274952,63.1061748 13.032233,62.9109127 L11.9715729,61.8502525 C11.5001684,61.378848 12.2072751,60.6717412 12.6786797,61.1431458 L13.3857864,61.8502525 L14.0928932,61.1431458 Z M12.6786797,63.9715729 C12.2072751,64.4429774 11.5001684,63.7358706 11.9715729,63.2644661 L13.032233,62.2038059 C13.2274952,62.0085438 13.5440777,62.0085438 13.7393398,62.2038059 L14.8,63.2644661 C15.2714045,63.7358706 14.5642977,64.4429774 14.0928932,63.9715729 L13.3857864,63.2644661 L12.6786797,63.9715729 Z M22.9213203,8.8 C23.3927249,8.32859548 24.0998316,9.03570226 23.6284271,9.50710678 L22.567767,10.567767 C22.3725048,10.7630291 22.0559223,10.7630291 21.8606602,10.567767 L20.8,9.50710678 C20.3285955,9.03570226 21.0357023,8.32859548 21.5071068,8.8 L22.2142136,9.50710678 L22.9213203,8.8 Z M21.5071068,11.6284271 C21.0357023,12.0998316 20.3285955,11.3927249 20.8,10.9213203 L21.8606602,9.86066017 C22.0559223,9.66539803 22.3725048,9.66539803 22.567767,9.86066017 L23.6284271,10.9213203 C24.0998316,11.3927249 23.3927249,12.0998316 22.9213203,11.6284271 L22.2142136,10.9213203 L21.5071068,11.6284271 Z" id="Path复制"></path>
                                        </g>
                                    </g>
                                </g>
                                <g id="Group-6" transform="translate(42.000000, 31.000000)">
                                    <path d="M3,4 L35,4 C36.6568542,4 38,5.34314575 38,7 L38,40 C38,41.6568542 36.6568542,43 35,43 L3,43 C1.34314575,43 2.02906125e-16,41.6568542 0,40 L0,7 C-2.02906125e-16,5.34314575 1.34314575,4 3,4 Z" id="矩形" stroke="#C3CBD6" stroke-width="1.6" fill="#FFFFFF"></path>
                                    <path d="M15,2 C16.4174805,2 16.8954305,2.02906125e-16 18,0 L20,0 C21.1045695,-2.02906125e-16 21.7387695,2 23,2 C23.8408203,2 24.8408203,2 26,2 C27.1045695,2 28,2.8954305 28,4 L28,5 C28,6.1045695 27.1045695,7 26,7 L12,7 C10.8954305,7 10,6.1045695 10,5 L10,4 C10,2.8954305 10.8954305,2 12,2 C13.055013,2 14.055013,2 15,2 Z" id="路径" stroke="#C3CBD6" stroke-width="1.6" fill="#F5F7F9"></path>
                                    <path d="M13.4542125,13.4239785 L13.4542125,18.3586731 L13.4542125,13.4239785 Z M22.5805173,18.7015396 L18.650796,21.8070435 L22.5805173,18.7015396 Z M25.7751015,28.6475524 L20.8480956,27.5374876 L25.7751015,28.6475524 Z" id="路径-7" stroke="#C3CAD7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(19.000000, 22.000000) rotate(-52.000000) translate(-19.000000, -22.000000) "></path>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
              </svg>
              <p style="font-size:14px;color:rgb(195, 203, 214);margin:-40px 0 0 -50px">请先搜索来获取数据</p>
            </div>
            <div v-show="NoneShow" style="height:500px;text-align:center;margin:0 auto">
              <svg class="svgs" viewBox="0 0 122 104" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" encoding="UTF-8">
                <title>暂无相关搜索</title>
                <desc>Created with Sketch.</desc>
                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="空白页" transform="translate(-40.000000, -508.000000)">
                        <g id="暂无相关搜索" transform="translate(40.000000, 508.000000)">
                            <g id="分组">
                                <g id="背景/线" fill="#C3CBD6">
                                    <g id="-">
                                        <g id="编组" transform="translate(14.200000, 9.200000)" fill-rule="nonzero">
                                            <path d="M0.8,73.1 C0.3581722,73.1 -5.68434189e-14,72.7418278 -5.68434189e-14,72.3 C-5.68434189e-14,71.8581722 0.3581722,71.5 0.8,71.5 L70.8,71.5 C71.2418278,71.5 71.6,71.8581722 71.6,72.3 C71.6,72.7418278 71.2418278,73.1 70.8,73.1 L0.8,73.1 Z M74.8,73.1 C74.3581722,73.1 74,72.7418278 74,72.3 C74,71.8581722 74.3581722,71.5 74.8,71.5 L77.3,71.5 C77.7418278,71.5 78.1,71.8581722 78.1,72.3 C78.1,72.7418278 77.7418278,73.1 77.3,73.1 L74.8,73.1 Z M83.8,73.1 C83.3581722,73.1 83,72.7418278 83,72.3 C83,71.8581722 83.3581722,71.5 83.8,71.5 L92.8,71.5 C93.2418278,71.5 93.6,71.8581722 93.6,72.3 C93.6,72.7418278 93.2418278,73.1 92.8,73.1 L83.8,73.1 Z M23.8,80.6 C23.3581722,80.6 23,80.2418278 23,79.8 C23,79.3581722 23.3581722,79 23.8,79 L30.8,79 C31.2418278,79 31.6,79.3581722 31.6,79.8 C31.6,80.2418278 31.2418278,80.6 30.8,80.6 L23.8,80.6 Z M35.3,80.6 C34.8581722,80.6 34.5,80.2418278 34.5,79.8 C34.5,79.3581722 34.8581722,79 35.3,79 L65.8,79 C66.2418278,79 66.6,79.3581722 66.6,79.8 C66.6,80.2418278 66.2418278,80.6 65.8,80.6 L35.3,80.6 Z M80,52.8 C80,51.7333333 81.6,51.7333333 81.6,52.8 L81.6,55.8 C81.6,56.2418278 81.2418278,56.6 80.8,56.6 L77.8,56.6 C76.7333333,56.6 76.7333333,55 77.8,55 L80,55 L80,52.8 Z M81.6,58.8 C81.6,59.8666667 80,59.8666667 80,58.8 L80,55.8 C80,55.3581722 80.3581722,55 80.8,55 L83.8,55 C84.8666667,55 84.8666667,56.6 83.8,56.6 L81.6,56.6 L81.6,58.8 Z M4,28.8 C4,27.7333333 5.6,27.7333333 5.6,28.8 L5.6,31.8 C5.6,32.2418278 5.2418278,32.6 4.8,32.6 L1.8,32.6 C0.733333333,32.6 0.733333333,31 1.8,31 L4,31 L4,28.8 Z M78.1,3.5 L80.8,3.5 C81.8666667,3.5 81.8666667,5.1 80.8,5.1 L78.1,5.1 L78.1,7.8 C78.1,8.86666667 76.5,8.86666667 76.5,7.8 L76.5,5.1 L73.8,5.1 C72.7333333,5.1 72.7333333,3.5 73.8,3.5 L76.5,3.5 L76.5,0.8 C76.5,-0.266666667 78.1,-0.266666667 78.1,0.8 L78.1,3.5 Z M5.6,34.8 C5.6,35.8666667 4,35.8666667 4,34.8 L4,31.8 C4,31.3581722 4.3581722,31 4.8,31 L7.8,31 C8.86666667,31 8.86666667,32.6 7.8,32.6 L5.6,32.6 L5.6,34.8 Z" id="Path-2"></path>
                                            <path d="M14.0928932,61.1431458 C14.5642977,60.6717412 15.2714045,61.378848 14.8,61.8502525 L13.7393398,62.9109127 C13.5440777,63.1061748 13.2274952,63.1061748 13.032233,62.9109127 L11.9715729,61.8502525 C11.5001684,61.378848 12.2072751,60.6717412 12.6786797,61.1431458 L13.3857864,61.8502525 L14.0928932,61.1431458 Z M12.6786797,63.9715729 C12.2072751,64.4429774 11.5001684,63.7358706 11.9715729,63.2644661 L13.032233,62.2038059 C13.2274952,62.0085438 13.5440777,62.0085438 13.7393398,62.2038059 L14.8,63.2644661 C15.2714045,63.7358706 14.5642977,64.4429774 14.0928932,63.9715729 L13.3857864,63.2644661 L12.6786797,63.9715729 Z M22.9213203,8.8 C23.3927249,8.32859548 24.0998316,9.03570226 23.6284271,9.50710678 L22.567767,10.567767 C22.3725048,10.7630291 22.0559223,10.7630291 21.8606602,10.567767 L20.8,9.50710678 C20.3285955,9.03570226 21.0357023,8.32859548 21.5071068,8.8 L22.2142136,9.50710678 L22.9213203,8.8 Z M21.5071068,11.6284271 C21.0357023,12.0998316 20.3285955,11.3927249 20.8,10.9213203 L21.8606602,9.86066017 C22.0559223,9.66539803 22.3725048,9.66539803 22.567767,9.86066017 L23.6284271,10.9213203 C24.0998316,11.3927249 23.3927249,12.0998316 22.9213203,11.6284271 L22.2142136,10.9213203 L21.5071068,11.6284271 Z" id="Path复制"></path>
                                        </g>
                                    </g>
                                </g>
                                <g id="Group-6" transform="translate(37.000000, 29.000000)">
                                    <g id="分组" stroke="#C3CBD6">
                                        <path d="M3,-1.0658141e-14 L35,-1.0658141e-14 C36.6568542,-1.09625002e-14 38,1.34314575 38,3 L38,42 C38,43.6568542 36.6568542,45 35,45 L3,45 C1.34314575,45 2.02906125e-16,43.6568542 0,42 L0,3 C-2.02906125e-16,1.34314575 1.34314575,-1.03537818e-14 3,-1.0658141e-14 Z" id="矩形" stroke-width="1.6" fill="#FFFFFF"></path>
                                        <path d="M7.8,26.8 L12.8,26.8 L7.8,26.8 Z M7.8,19.8 L11.8,19.8 L7.8,19.8 Z M7.8,12.8 L13.8,12.8 L7.8,12.8 Z" id="Stroke-16" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"></path>
                                    </g>
                                    <g id="分组-2" transform="translate(15.000000, 4.000000)">
                                        <path d="M26.8450231,25.0101574 L32.8450231,25.0101574 L32.8370236,35.9124666 C32.8358076,37.5696764 31.4920325,38.9124658 29.8348223,38.9124658 L29.8348223,38.9124658 C28.1791833,38.9124658 26.8370228,37.5703052 26.8370228,35.9146662 C26.8370228,35.913933 26.837023,35.9131998 26.8370236,35.9124666 L26.8450231,25.0101574 Z" id="矩形" stroke="#C3CBD6" stroke-width="1.6" fill="#F5F7F9" transform="translate(29.839923, 31.961312) rotate(-42.000000) translate(-29.839923, -31.961312) "></path>
                                        <circle id="椭圆形" stroke="#C3CBD6" stroke-width="1.6" fill="#F5F7F9" cx="16.5" cy="16.5" r="16.5"></circle>
                                        <circle id="椭圆形-copy" stroke="#C3CBD6" stroke-width="1.6" fill="#FFFFFF" cx="16.5" cy="16.5" r="12.5"></circle>
                                        <path d="M17.6131592,19.685 C17.3091168,19.7925464 15.7049189,19.8010303 15.4349189,19.685 C15.1649189,19.5689697 15.1349189,19.43 15.1349189,18.995 C15.1349189,17.96 15.3149189,17.36 15.7949189,16.775 C16.1549189,16.355 16.2749189,16.265 17.3399189,15.62 C18.0749189,15.185 18.3149189,14.87 18.3149189,14.375 C18.3149189,13.67 17.7899189,13.25 16.8899189,13.25 C16.2149189,13.25 15.7199189,13.49 15.4349189,13.955 C15.2849189,14.195 15.1949189,14.2841284 15.1649189,14.87 C15.1349189,15.4558716 11.9819336,15.62 12.0749189,14.585 C12.1679042,13.55 12.4649189,12.92 13.0349189,12.29 C13.9049189,11.3 15.2399189,10.79 16.9649189,10.79 C19.7249189,10.79 21.4499189,12.095 21.4499189,14.165 C21.4499189,15.08 21.1499189,15.785 20.5199189,16.37 C20.1599189,16.7 20.0099189,16.805 18.7049189,17.615 C18.0749189,18.02 17.8499189,18.41 17.8499189,19.1 C17.8499189,19.28 17.9172016,19.5774536 17.6131592,19.685 Z M16.4174189,20.705 L16.5974189,20.705 C17.3802825,20.705 18.0149189,21.3396364 18.0149189,22.1225 L18.0149189,22.1225 C18.0149189,22.9053636 17.3802825,23.54 16.5974189,23.54 L16.4174189,23.54 C15.6345553,23.54 14.9999189,22.9053636 14.9999189,22.1225 L14.9999189,22.1225 C14.9999189,21.3396364 15.6345553,20.705 16.4174189,20.705 Z" id="？" fill="#C3CBD6" fill-rule="nonzero"></path>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
              </svg>
              <p style="font-size:14px;color:rgb(195, 203, 214);margin:-40px 0 0 -50px">暂无相关搜索</p>
            </div>
          </Row>
        </i-Col>
        <i-Col span="13" v-if="growth" class="vis-righ">
          <Row :gutter="16">
            <i-Col span="6">
              <Select
                ref="select"
                class="col-style1"
                v-model="growthSearch.org_name"
                filterable
                multiple
                :loading="loading1"
                :remote-method="remoteMethod"
                placeholder="请输入英文机构名称"
              >
                <!-- :max-tag-count="5" -->
                <Option
                  v-for="(val,key, index) in orgnameList"
                  :value="key"
                  :key="index"
                  >{{ val }}</Option
                >
              </Select>
            </i-Col>
            <i-Col span="6">
              <div class="col-style1">
                <Select
                  v-model="growthSearch.year"
                  clearable
                  placeholder="请选择年份"
                >
                  <Option
                    v-for="item in yearLists"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <i-Col span="6">
              <div class="col-style1">
                <Select
                  v-model="growthSearch.gradation"
                  clearable
                  placeholder="请选择层次"
                >
                  <Option
                    v-for="item in arrangeLists"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col>
            <!-- <i-Col span="5">
              <div class="col-style1">
                <Select
                  v-model="growthSearch.yj_type"
                  clearable
                  placeholder="请选择引进类型"
                >
                  <Option
                    v-for="item in ImportList"
                    :value="item.value"
                    :key="item.value"
                    >{{ item.label }}</Option
                  >
                </Select>
              </div>
            </i-Col> -->
            <i-Col span="5">
                <Button type="primary" @click="getDatalist">确认</Button>
            </i-Col>
          </Row>
          <Row style="margin-top: 50px" class="demo-spin-col">
             <!-- 引进人才个人成长变化图 -->
            <chart-line
              v-if="growths"
              :value="chart_bar_data14"
              :loading="loading"
              style="height: 650px"
              :text="growthtext"
            ></chart-line>
             <div v-show="svgShow" style="height:500px;text-align:center;margin:0 auto">
              <svg class="svgs" viewBox="0 0 122 104" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" encoding="UTF-8">
                <!-- Generator: Sketch 55 (78076) - https://sketchapp.com -->
                <title>暂无内容</title>
                <desc>Created with Sketch.</desc>
                <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="空白页" transform="translate(-656.000000, -664.000000)">
                        <g id="暂无内容" transform="translate(656.000000, 664.000000)">
                            <g id="分组-4">
                                <g id="背景/线" fill="#C3CBD6">
                                    <g id="-">
                                        <g id="编组" transform="translate(14.200000, 9.200000)" fill-rule="nonzero">
                                            <path d="M0.8,73.1 C0.3581722,73.1 -5.68434189e-14,72.7418278 -5.68434189e-14,72.3 C-5.68434189e-14,71.8581722 0.3581722,71.5 0.8,71.5 L70.8,71.5 C71.2418278,71.5 71.6,71.8581722 71.6,72.3 C71.6,72.7418278 71.2418278,73.1 70.8,73.1 L0.8,73.1 Z M74.8,73.1 C74.3581722,73.1 74,72.7418278 74,72.3 C74,71.8581722 74.3581722,71.5 74.8,71.5 L77.3,71.5 C77.7418278,71.5 78.1,71.8581722 78.1,72.3 C78.1,72.7418278 77.7418278,73.1 77.3,73.1 L74.8,73.1 Z M83.8,73.1 C83.3581722,73.1 83,72.7418278 83,72.3 C83,71.8581722 83.3581722,71.5 83.8,71.5 L92.8,71.5 C93.2418278,71.5 93.6,71.8581722 93.6,72.3 C93.6,72.7418278 93.2418278,73.1 92.8,73.1 L83.8,73.1 Z M23.8,80.6 C23.3581722,80.6 23,80.2418278 23,79.8 C23,79.3581722 23.3581722,79 23.8,79 L30.8,79 C31.2418278,79 31.6,79.3581722 31.6,79.8 C31.6,80.2418278 31.2418278,80.6 30.8,80.6 L23.8,80.6 Z M35.3,80.6 C34.8581722,80.6 34.5,80.2418278 34.5,79.8 C34.5,79.3581722 34.8581722,79 35.3,79 L65.8,79 C66.2418278,79 66.6,79.3581722 66.6,79.8 C66.6,80.2418278 66.2418278,80.6 65.8,80.6 L35.3,80.6 Z M80,52.8 C80,51.7333333 81.6,51.7333333 81.6,52.8 L81.6,55.8 C81.6,56.2418278 81.2418278,56.6 80.8,56.6 L77.8,56.6 C76.7333333,56.6 76.7333333,55 77.8,55 L80,55 L80,52.8 Z M81.6,58.8 C81.6,59.8666667 80,59.8666667 80,58.8 L80,55.8 C80,55.3581722 80.3581722,55 80.8,55 L83.8,55 C84.8666667,55 84.8666667,56.6 83.8,56.6 L81.6,56.6 L81.6,58.8 Z M4,28.8 C4,27.7333333 5.6,27.7333333 5.6,28.8 L5.6,31.8 C5.6,32.2418278 5.2418278,32.6 4.8,32.6 L1.8,32.6 C0.733333333,32.6 0.733333333,31 1.8,31 L4,31 L4,28.8 Z M78.1,3.5 L80.8,3.5 C81.8666667,3.5 81.8666667,5.1 80.8,5.1 L78.1,5.1 L78.1,7.8 C78.1,8.86666667 76.5,8.86666667 76.5,7.8 L76.5,5.1 L73.8,5.1 C72.7333333,5.1 72.7333333,3.5 73.8,3.5 L76.5,3.5 L76.5,0.8 C76.5,-0.266666667 78.1,-0.266666667 78.1,0.8 L78.1,3.5 Z M5.6,34.8 C5.6,35.8666667 4,35.8666667 4,34.8 L4,31.8 C4,31.3581722 4.3581722,31 4.8,31 L7.8,31 C8.86666667,31 8.86666667,32.6 7.8,32.6 L5.6,32.6 L5.6,34.8 Z" id="Path-2"></path>
                                            <path d="M14.0928932,61.1431458 C14.5642977,60.6717412 15.2714045,61.378848 14.8,61.8502525 L13.7393398,62.9109127 C13.5440777,63.1061748 13.2274952,63.1061748 13.032233,62.9109127 L11.9715729,61.8502525 C11.5001684,61.378848 12.2072751,60.6717412 12.6786797,61.1431458 L13.3857864,61.8502525 L14.0928932,61.1431458 Z M12.6786797,63.9715729 C12.2072751,64.4429774 11.5001684,63.7358706 11.9715729,63.2644661 L13.032233,62.2038059 C13.2274952,62.0085438 13.5440777,62.0085438 13.7393398,62.2038059 L14.8,63.2644661 C15.2714045,63.7358706 14.5642977,64.4429774 14.0928932,63.9715729 L13.3857864,63.2644661 L12.6786797,63.9715729 Z M22.9213203,8.8 C23.3927249,8.32859548 24.0998316,9.03570226 23.6284271,9.50710678 L22.567767,10.567767 C22.3725048,10.7630291 22.0559223,10.7630291 21.8606602,10.567767 L20.8,9.50710678 C20.3285955,9.03570226 21.0357023,8.32859548 21.5071068,8.8 L22.2142136,9.50710678 L22.9213203,8.8 Z M21.5071068,11.6284271 C21.0357023,12.0998316 20.3285955,11.3927249 20.8,10.9213203 L21.8606602,9.86066017 C22.0559223,9.66539803 22.3725048,9.66539803 22.567767,9.86066017 L23.6284271,10.9213203 C24.0998316,11.3927249 23.3927249,12.0998316 22.9213203,11.6284271 L22.2142136,10.9213203 L21.5071068,11.6284271 Z" id="Path复制"></path>
                                        </g>
                                    </g>
                                </g>
                                <g id="Group-6" transform="translate(42.000000, 31.000000)">
                                    <path d="M3,4 L35,4 C36.6568542,4 38,5.34314575 38,7 L38,40 C38,41.6568542 36.6568542,43 35,43 L3,43 C1.34314575,43 2.02906125e-16,41.6568542 0,40 L0,7 C-2.02906125e-16,5.34314575 1.34314575,4 3,4 Z" id="矩形" stroke="#C3CBD6" stroke-width="1.6" fill="#FFFFFF"></path>
                                    <path d="M15,2 C16.4174805,2 16.8954305,2.02906125e-16 18,0 L20,0 C21.1045695,-2.02906125e-16 21.7387695,2 23,2 C23.8408203,2 24.8408203,2 26,2 C27.1045695,2 28,2.8954305 28,4 L28,5 C28,6.1045695 27.1045695,7 26,7 L12,7 C10.8954305,7 10,6.1045695 10,5 L10,4 C10,2.8954305 10.8954305,2 12,2 C13.055013,2 14.055013,2 15,2 Z" id="路径" stroke="#C3CBD6" stroke-width="1.6" fill="#F5F7F9"></path>
                                    <path d="M13.4542125,13.4239785 L13.4542125,18.3586731 L13.4542125,13.4239785 Z M22.5805173,18.7015396 L18.650796,21.8070435 L22.5805173,18.7015396 Z M25.7751015,28.6475524 L20.8480956,27.5374876 L25.7751015,28.6475524 Z" id="路径-7" stroke="#C3CAD7" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" transform="translate(19.000000, 22.000000) rotate(-52.000000) translate(-19.000000, -22.000000) "></path>
                                </g>
                            </g>
                        </g>
                    </g>
                </g>
              </svg>
              <p style="font-size:14px;color:rgb(195, 203, 214);margin:-40px 0 0 -50px">请选择表格中数据生成图</p>
            </div>
          </Row>
        </i-Col>
        <i-Col span="6" v-if="growth" style="padding:2%">
          <Row class="gt">
              <Table
              size="small"
              :columns="growthColumes"
              :data="growthData"
              :loading="loading"
              @on-selection-change="selectGrowth"
            ></Table>
            <Page style="margin-top:15px" :current="growthPage.page" :total="growthPage.total" simple />
              <!-- show-elevator
              show-sizer -->
            <!-- <Page
              class="vis-page"
              :total="growthPage.total"
              show-total
              @on-change="GrowthchangePage"
              @on-page-size-change="GrowthchangePagesize"
            /> -->
            <Button style="margin:20px" type="primary" @click="generate">生成图</Button>
          </Row>
        </i-Col>
        <!-- 抽屉 学科维度 xData-->
        <Drawer :mask="false" :closable="false" v-model="drawers" :transfer="false" :inner="true" :draggable="true" class="drawers">
          <Form label-position="top" class="inputs" v-if="xKWDshow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="XKWDtext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in wDXueKeData.yData"
                :key="index"
              >
                <Input v-model="item.name"></Input>
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">最大数值</Divider>
              <FormItem
                v-if="xData"
                :label="item.name"
                v-for="(item, index) in xData"
                :key="index"
              >
                <Input v-model="item.max"></Input>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 h++  hNshow chart_bar_data1-->
          <Form label-position="top" class="inputs" v-if="hNshow">
            <Divider orientation="left">H++图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="hNumbertext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data1">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data1"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                    <RadioGroup v-model="item.radios">
                      <Radio label="1">
                          <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                          <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                  <Input
                  v-model="hNumberRotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                  <Input
                  v-model="HbarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GShow chart_bar_data2-->
          <Form label-position="top" class="inputs" v-if="GShow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="Gtext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data2">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data2"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                    <RadioGroup v-model="item.radios">
                      <Radio label="1">
                          <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                          <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                  <Input
                  v-model="gRotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                  <Input
                  v-model="gbarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 CA  chart_bar_data3-->
          <Form label-position="top" class="inputs" v-if="CAShow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="CAtext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data3">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data3"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                     <RadioGroup v-model="item.radios">
                      <Radio label="1">
                          <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                          <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                  <Input
                  v-model="CARotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                  <Input
                  v-model="CAbarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data4 国际专利-->
          <Form label-position="top" class="inputs" v-if="GuoShow">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="GuoNumbertext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data4">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data4"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                     <RadioGroup v-model="item.radios">
                      <Radio label="1">
                          <span>蓝色</span>
                      </Radio>
                      <Radio label="0">
                          <span>绿色</span>
                      </Radio>
                    </RadioGroup>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">机构名角度(0-360)</Divider>
              <FormItem>
                  <Input
                  v-model="GuoRotate"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
              <FormItem>
                  <Input
                  v-model="GuobarWidth"
                  placeholder="请输入机构名角度(0-360)"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data6 CA++ 5年走势图表信息  Ca5-->
          <Form label-position="top" class="inputs" v-if="Ca5">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="CA5text"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in chart_bar_data6.yData"
                :key="index"
              >
              <RadioGroup v-model="item.radios">
                  <Radio label="1">
                      <span>标记</span>
                  </Radio>
                  <Radio label="0">
                      <span>不标记</span>
                  </Radio>
                </RadioGroup>
                <Input
                  v-model="item.name"
                ></Input>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 Hnum5 chart_bar_data7 H++ 5年图表信息-->
          <Form label-position="top" class="inputs" v-if="Hnum5">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="Hnum5text"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in chart_bar_data7.yData"
                :key="index"
              >
                <Input v-model="item.name"></Input>
                <RadioGroup v-model="item.radios">
                  <Radio label="1">
                      <span>标记</span>
                  </Radio>
                  <Radio label="0">
                      <span>不标记</span>
                  </Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 Gh5 chart_bar_data8 g指数5年走势-->
          <Form label-position="top" class="inputs" v-if="Gh5">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="Gh5text"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in chart_bar_data8.yData"
                :key="index"
                :color="['#0070c0']"
              >
                <Input
                  v-model="item.name"
                ></Input>
                <RadioGroup v-model="item.radios">
                  <Radio label="1">
                      <span>标记</span>
                  </Radio>
                  <Radio label="0">
                      <span>不标记</span>
                  </Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 Portray chart_bar_data9 数字画像分-->
          <Form label-position="top" class="inputs" v-if="Portray">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="Portraytext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data9">
                        <transition-group>
                          <FormItem
                            v-for="(item, index) in chart_bar_data9"
                            :key="index"
                          >
                            <Input v-model="item.name"></Input>
                          </FormItem>
                        </transition-group>
                      </draggable>
                      <Divider orientation="left">机构名角度(0-360)</Divider>
                      <FormItem>
                          <Input
                          v-model="HxRotate"
                          placeholder="请输入机构名角度(0-360)"
                        />
                      </FormItem>
                      <Divider orientation="left">柱子宽度（0-100）</Divider>
                      <FormItem>
                          <Input
                          v-model="hxbarWidth"
                          placeholder="请输入机构名角度(0-360)"
                        />
                      </FormItem>
            </div>
          </Form>
          <!-- 抽屉 XueKe 学科人才机构对比 chart_bar_data10-->
          <Form label-position="top" class="inputs" v-if="XueKe">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="XueKetext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data10">
                <transition-group>
                  <FormItem
                    v-for="(item,index) in chart_bar_data10"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">中间值显示位置</Divider>
              top,insideTop,inside,insideLeft,insideRight
              <FormItem>
                <Input
                  v-model="position"
                />
              </FormItem>
            </div>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data11 学科人才转化能力（专利转化所在国家对比）-->
          <Form label-position="top" class="inputs" v-if="subTelent">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="XueKeNLtext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data11.series">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data11.series"
                    :key="index"
                  >
                    <Input v-model="item.text"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
          </Form>
          <!-- 抽屉 telentZl chart_bar_data12 不同层次人才在专利方面的贡献-->
          <Form label-position="top" class="inputs" v-show="telentZl">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="TelentZLtext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data12">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data12"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
            <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
                <Input
                v-model="bar12"
              />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
              <FormItem>
                  <Input
                  v-model="rotate12"
                />
              </FormItem>
          </Form>
          <!-- 抽屉 papers chart_bar_data13 不同层次人才在学术论文方面的贡献-->
          <Form label-position="top" class="inputs" v-if="papers">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="papersText"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data13">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data13"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
            <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
                <Input
                v-model="bar13"
                placeholder="请输入机构名角度(0-360)"
              />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
              <FormItem>
                  <Input
                  v-model="rotate13"
                />
              </FormItem>
          </Form>
          <!-- 抽屉 GuoShow chart_bar_data15 国内外引进人才在学术论文方面的贡献-->
          <Form label-position="top" class="inputs" v-if="academic">
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="academicText"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data15">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data15"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
            </div>
            <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
                <Input
                v-model="bar15"
                placeholder="请输入机构名角度(0-360)"
              />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
              <FormItem>
                  <Input
                  v-model="rotate15"
                />
              </FormItem>
          </Form>
          <!-- 抽屉 bring_patent chart_bar_data16 国内外引进人才专利方面贡献-->
          <Form label-position="top" class="inputs" v-if="bring_patent">
            <Divider orientation="left">图表名称</Divider>
              <FormItem>
                <Input
                  v-model="patentText"
                  placeholder="请输入图表名称"
                />
              </FormItem>
              <Divider orientation="left">机构名称</Divider>
              <draggable v-model="chart_bar_data16">
                <transition-group>
                  <FormItem
                    v-for="(item, index) in chart_bar_data16"
                    :key="index"
                  >
                    <Input v-model="item.name"></Input>
                  </FormItem>
                </transition-group>
              </draggable>
              <Divider orientation="left">柱子宽度（0-100）</Divider>
            <FormItem>
                <Input
                v-model="bar16"
              />
            </FormItem>
            <Divider orientation="left">年份角度（0-360）</Divider>
              <FormItem>
                  <Input
                  v-model="rotate16"
                />
              </FormItem>
          </Form>
        </Drawer>
        <Drawer title="引进人才个人成长" :mask="false" :closable="true" v-model="growthshow" :transfer="false" :inner="true" :draggable="true" class="drawers">
           <!-- 抽屉  growthData: false, // 引进人才个人成长变化对比分析-->
          <Form>
            <Divider orientation="left">图表名称</Divider>
            <div style="margin-bottom: 40px">
              <FormItem>
                <Input
                  v-model="growthtext"
                  placeholder="请输入图表名称"
                />
              </FormItem>
            </div>
            <div style="margin-bottom: 40px">
              <Divider orientation="left">机构名称</Divider>
              <FormItem
                v-for="(item, index) in grouth_bar_data.yData"
                :key="index">
                <Input v-model="item.name"></Input>
                <RadioGroup v-model="item.radios">
                  <Radio label="1">
                      <span>标记</span>
                  </Radio>
                  <Radio label="0">
                      <span>不标记</span>
                  </Radio>
                </RadioGroup>
              </FormItem>
            </div>
          </Form>
        </Drawer>
      </Row>
    </Card>

    <Modal v-model="coorModel" draggable scrollable title="合著者列表">
      <Table size="small" :columns="coorTable" :data="coorData" :loading="loading"></Table>
      <Page style="margin-top:10px" size="small" :total="coorPage.total" show-total @on-change="coorAuthorPage" @on-page-size-change="coorAuthorSize"></Page>
    </Modal>
  </div>
</template>
<script>
import echarts from 'echarts'
// import siderTrigger from '@/components/main/components/header-bar/sider-trigger'
import tdTheme from './charts/theme.json'
import { on, off } from '@/libs/tools'
import draggable from 'vuedraggable'
import {
  getOrgname,
  hNumber,
  guojiNumber,
  getSubjectPortray,
  subDuoVs,
  hnumbers,
  gnumber,
  canumBer,
  PatentContribution,
  canumBers,
  gnumbers,
  difTelentPaper,
  getAcademicPapers,
  peopleChange,
  getPersonalGrowth,
  getusanumberTables,
  evaluate,
  exportNums,
  evaluateExport,
  subVs,
  xueZhuan, // 学科转化能力
  coopAuthor
} from '@/api/getcharts'
import {
  ChartBar,
  ChartRadar,
  ChartLine,
  ChartyBar,
  SanjiaoChartBar,
  ChartBarstack,
  ChartPiem
} from '@/view/visualize/charts'
import triggerVue from '../../components/split-pane/trigger.vue'
// echarts.registerTheme('tdTheme', tdTheme)
export default {
  name: 'visualize',
  components: {
    ChartBar,
    ChartRadar,
    ChartLine,
    ChartyBar,
    SanjiaoChartBar,
    ChartBarstack,
    ChartPiem,
    draggable,
    siderTrigger
  },
  data () {
    return {
      coorPage: {
        total: 0,
        size:10,
        page:1
      },
      position: 'inside',
      showTlf: true, // 层次显示
      svgShow:true,
      NoneShow:false,
      drawers:true,
      growthshow: false,
      growths: false,
      exportEvalShow: false,
      middle: true,
      shows: true,
      collapsed: false,
      dom: null,
      loading: false,
      pageShow: false,
      showYear: true, // year单选
      showYears: false, // years多选
      exportNumsShow: false, // 导出按钮
      xKWDshow: false, // 学科维度
      XueKe: false, // 学科人才机构
      CAShow: false, // CA+指数分析
      Ca5: false, // CA+ 5年指数分析
      hNshow: false, // H++走势用
      Hnum5: false, // H++ 5年走势用
      GShow: false, // G走势用
      Gh5: false, // G指数5年
      bring_patent: false, // 国内外引进人才在人才专利面的贡献对比图
      numberShow: false, // 国内人才与美国合作超过50词人才名单
      evaluateShow: false, // 国内人才自身与合作者的非学术评价
      // arrangeShow:false,  // 层次选择  选择框
      Portray: false, // 各校学科人才平均数字画像分及排序
      papers: false, // 不同层次人才在学术论文方面的贡献
      telentZl: false, // 不同层次人才在专利方面的贡献
      growth: false, // 引进人才个人成长变化对比分析
      academic: false, // 国内外引进人才在学术论文方面的贡献对比图
      subTelent: false, // 学科人才转化能力（专利转化所在国家对比）
      GuoShow: false, // 学科人才转化能力（国际专利绝对数量对比）
      hNumbertext: 'H++指数示例图',
      hNumberRotate: '0',
      CARotate: '0',
      gRotate: '0',
      GuoRotate: '0',
      CAbarWidth: '30',
      HxRotate: '0',
      hxbarWidth: '30',
      HbarWidth: '30',
      gbarWidth: '30',
      GuobarWidth: '30',
      bar12: '60',
      bar13: '60',
      bar15: '60',
      bar16: '60',
      rotate12:'90',
      rotate13:'90',
      rotate15:'90',
      rotate16:'90',
      GuoNumbertext: '国际专利转化示例图',
      CAtext: 'CA+指数示例图',
      CA5text: 'CA+ 5年指数分析示例图',
      Gtext: 'G指数示例图',
      XKWDtext: '学科维度示例图',
      Hnum5text: 'H++指数5年示例图',
      Gh5text: 'G指数5年示例图',
      Portraytext: '各校学科人才平均数字画像分及排序示例图',
      XueKetext: '学科人才机构对比示例图',
      XueKeNLtext: '学科人才转化能力(专利转化所在国家对比)',
      TelentZLtext: '不同层次人才在专利转化方面的贡献',
      papersText: '不同层次人才在学术论文方面的贡献',
      growthtext: '引进人才个人成长变化对比分析',
      academicText: '国内外引进人才在学术论文方面的贡献对比图',
      patentText: '国内外引进人才在专利方面的贡献对比图',
      legend: [],
      grouth_bar_data: {},
      growthSearch: {
        yj_type: '', // 引进类型 1国内 2国外
        org_name: '', // 机构名
        // year: '',
        year: [['2015', '2016', '2017', '2018', '2019']],
        gradation: '' // 1前1%；15 85
      },
      chart_bar_data1: [
        { name: '大学1', value: '2.21',radios:'1' },
        { name: '大学2', value: '8.21',radios:'1'  },
        { name: '大学3', value: '12.21',radios:'1' }
      ], // H++
      chart_bar_data2: [
        { name: '大学1', value: '2.21',radios:'1'  },
        { name: '大学2', value: '8.21',radios:'1'  },
        { name: '大学3', value: '12.21',radios:'1'  }
      ], // g指数
      chart_bar_data3: [
        { name: '大学1', value: '2.21',radios:'1'  },
        { name: '大学2', value: '8.21',radios:'1'  },
        { name: '大学3', value: '12.21',radios:'1'  },
        { name: '大学4', value: '13.21',radios:'1'  },
        { name: '大学5', value: '14.21',radios:'1'  },
        { name: '大学6', value: '15.21',radios:'1'  }
      ], // ca指数
      chart_bar_data4: [
        { name: '大学1', value: '2.21',radios:'1'  },
        { name: '大学2', value: '8.21',radios:'1'  },
        { name: '大学3', value: '12.21',radios:'1'  }
      ], // 国际专利
      chart_bar_data9: [
        // 数字画像分
        { name: '大学1', value: '2.21' },
        { name: '大学2', value: '8.21' },
        { name: '大学3', value: '12.21' }
      ],
      wDXueKeData: {
        legendData: ['大学1', '大学2', '大学3', '大学4', '大学5'],
        yData: [
          {
            value: [0, 0, 0, 1.11, 0.74, 4.45],
            name: '大学1'
          },
          {
            value: [0.1, 0.11, 0.13, 3.84, 2.56, 10.24],
            name: '大学2'
          },
          {
            value: [7.91, 0.07, 1.58, 2.38, 0, 0],
            name: '大学3'
          },
          {
            value: [0.03, 0, 0.12, 3.5, 2.34, 18.76],
            name: '大学4'
          },
          {
            value: [0, 0, 0, 2.2, 1.47, 4.67],
            name: '大学5'
          }
        ]
      },
      xData: [
        { name: '研究实力', max: 7.91 * 1.1 },
        { name: '转化能力', max: 0.11 * 1.1 },
        { name: '学术会议影响', max: 1.58* 1.1 },
        { name: '研究趋势匹配', max: 3.84 * 1.1 },
        { name: '研究内容热度', max:  2.56* 1.1 },
        { name: '合作者影响', max: 18.76 * 1.1 },
      ],
      chart_bar_data6: {
        legend: ['大学1', '大学2', '大学3', '大学4', '大学5'],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: '大学1',
            radios: '0'
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: '大学2',
            radios: '0'
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: '大学3',
            radios: '0'
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: '大学4',
            radios: '0'
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: '大学5',
            radios: '0'
          }
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020]
      },
      chart_bar_data7: {
        legend: ['大学1', '大学2', '大学3', '大学4', '大学5'],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: '大学1',
            radios: '0'
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: '大学2',
            radios: '0'
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: '大学3',
            radios: '0'
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: '大学4',
            radios: '0'
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: '大学5',
            radios: '0'
          }
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020]
      },
      chart_bar_data8: {
        legend: ['大学1', '大学2', '大学3', '大学4', '大学5'],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: '大学1',
            radios: '0'
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: '大学2',
            radios: '0'
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: '大学3',
            radios: '0'
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: '大学4',
            radios: '0'
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: '大学5',
            radios: '0'
          }
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020]
      },
      chart_bar_data10: [{name: '复旦大学',value:[5, 25, 30]},{
          name:'清华大学',value:[4, 10, 13]
      }],
      xData10: { 大学1: '大学1', 大学2: '大学2', 大学3: '大学3' },
      chart_bar_data11: {
        series: [
          {
            text: '大学一',
            data: [
              { value: 335, name: 'EP', selected: true },
              { value: 679, name: 'WO' }
            ]
          },
          {
            text: '大学二',
            data: [
              { value: 335, name: 'KR', selected: true },
              { value: 679, name: 'EP' },
              { value: 1548, name: 'WO' }
            ]
          },
          {
            text: '大学三',
            data: [
              { value: 335, name: 'EP', selected: true },
              { value: 679, name: 'KR' },
              {
                value: 18,
                name: 'US',
                labelLine: { show: true },
                label: { position: 'outer' }
              },
              {
                value: 18,
                name: 'WO',
                labelLine: { show: true },
                label: { position: 'outer' }
              },
              { value: 148, name: 'JP' }
              // , labelLine:{show:true},label:{position:'outer'}
            ]
          }
        ]
      },
      chart_bar_data12: [],
      titleData12: [],
      legendData12: ['后85%','前15%','前1%'],
      chart_bar_data13: [],
      titleData13: [],
      legendData13: ['后85%','前15%','前1%'],
      chart_bar_data14: {
        legend: ['大学1', '大学2', '大学3', '大学4', '大学5'],
        yData: [
          {
            value: [20, 15, 18, 30, 15, 3],
            name: '大学1',
            radios: '0'
          },
          {
            value: [6, 19, 13, 20, 35, 30],
            name: '大学2',
            radios: '0'
          },
          {
            value: [10, 25, 30, 19, 18, 33],
            name: '大学3',
            radios: '0'
          },
          {
            value: [24, 15, 18, 12, 38, 31],
            name: '大学4',
            radios: '0'
          },
          {
            value: [11, 29, 14, 15, 28, 39],
            name: '大学5',
            radios: '0'
          }
        ],
        xData: [2015, 2016, 2017, 2018, 2019, 2020]
      },
      chart_bar_data15: [],
      titleData15: [],
      titleData16: [],
      legendData15: ['本土学者', '国内引进', '国外引进'],
      chart_bar_data16: [],
      legendData16: ['本土学者', '国内引进', '国外引进'],
      BntTitle: '学科多维度对比',
      cur: 0,
      loading1: true,
      modal: false,
      searchdata: {
        orgname: '',
        year: '',
        name: 'H++指数分析',
        years: [],
        list: '',
        arrange: null
      },
      orgnameList: [],
      yearList: [
        {
          value: '2015',
          label: '2015年'
        },
        {
          value: '2016',
          label: '2016年'
        },
        {
          value: '2017',
          label: '2017年'
        },
        {
          value: '2018',
          label: '2018年'
        },
        {
          value: '2019',
          label: '2019年'
        }
      ],
      yearLists: [{ value: 0, label: '2015年-2019年' }],
      year: [['2015', '2016', '2017', '2018', '2019']],
      _year: [{ 0: 2015, 1: 2016, 2: 2017, 3: 2018, 4: 2019 }],
      datalist: [
        {
          title: '学科多维度对比',
          cur: 0
        },
        {
          title: '学科人才机构对比',
          cur: 1
        },
        {
          title: 'H++指数分析',
          cur: 2
        },
        {
          title: 'H++指数五年趋势',
          cur: 3
        },
        {
          title: 'CA+指数分析',
          cur: 4
        },
        {
          title: 'CA+指数五年趋势分析',
          cur: 5
        },
        {
          title: 'G指数分析',
          cur: 6
        },
        {
          title: 'G指数五年趋势',
          cur: 7
        },
        {
          title: '国内外引进人才在专利方面的贡献对比',
          cur: 8
        },
        {
          title: '国内人才与美国合作超过50次人才名单',
          cur: 9
        },
        {
          title: '国内人才自身与合作者的非学术评价',
          cur: 10
        },
        {
          title: '各校学科人才平均数字画像分及排序',
          cur: 11
        },
        {
          title: '不同层次人才在学术论文方面的贡献',
          cur: 12
        },
        {
          title: '不同层次人才在专利转化方面的贡献',
          cur: 13
        },
        {
          title: '引进人才个人成长变化对比分析',
          cur: 14
        },
        // {
        //   title: "引进人才在本校的团队合作情况对比分析",
        //   cur: 15,
        // },
        {
          title: '国内外引进人才在学术论文方面的贡献对比',
          cur: 16
        },
        {
          title: '学科人才转化能力(专利转化所在国家对比)',
          cur: 17
        },
        {
          title: '学科人才转化能力(国际专利转化绝对数量对比)',
          cur: 18
        }
      ],
      updateformdata: {
        name: ''
      },
      formRules: {
        name: [{ required: true, message: '必输项不能为空', trigger: 'blur' }]
      },
      arrangeList: [
        {
          value: 1,
          label: '前1%'
        },
        {
          value: 2,
          label: '前15%'
        },
        {
          value: 3,
          label: '后85%'
        },
        {
          value: 4,
          label: '前100名'
        },
        {
          value: 5,
          label: '前1000名'
        },
        {
          value: 6,
          label: '前10000名'
        }
      ],
      arrangeLists: [
        {
          value: 1,
          label: '前1%'
        },
        {
          value: 2,
          label: '前1%-15%'
        },
        {
          value: 3,
          label: '前2%-15%'
        },
        {
          value: 4,
          label: '后85%'
        },
        {
          value: 5,
          label: '前100名'
        },
        {
          value: 6,
          label: '前1000名'
        },
        {
          value: 7,
          label: '前10000名'
        }
      ],
      ImportList: [
        {
          value: '1',
          label: '国内引进'
        },
        {
          value: '2',
          label: '国外引进'
        }
      ],
      numberList: [
        {
          value: '大于50',
          label: '大于50'
        },
        {
          value: '小于等于50',
          label: '小于等于50'
        },
        {
          value: '正序',
          label: '正序'
        },
        {
          value: '倒序',
          label: '倒序'
        }
      ],
      numPage: {
        page: 1,
        pagesize: 10,
        total: 100
      },
      growthPage: {
        page: 1,
        total: 0,
        pagesize: 20
      },
      evalPage: {
        page: 1,
        pagesize: 10,
        total: 100
      },
      coorModel: false,
      coorTable: [
        {
          title: '姓名',
          key: 'authorname',
          align: 'center',
          render: (h, params) => {
            // console.log(params)
            let details = h(
              'a',
              {
                style: {
                  color: '#2d8cf0'
                },
                on: {
                  click: () => {
                    this.$router.push({
                      name: 'wash_talents_details/:id',
                      params: { id: params.row.uid }
                    })
                  }
                }
              },
              params.row.authorname
            )
            return details
          }
        },
        {
          title: '合作次数',
          key: 'cooperation_num',
          align: 'center'
        },
      ],
      coorData: [],
      coorDataAll: [],
      talentsColumns: [
        {
          title: '年份',
          key: 'year',
          align: 'center'
        },
        {
          title: '姓名',
          key: 'authorname',
          align: 'center',
          render: (h, params) => {
            // console.log(params)
            let details = h(
              'a',
              {
                style: {
                  color: '#2d8cf0'
                },
                on: {
                  click: () => {
                    this.$router.push({
                      name: 'wash_talents_details/:id',
                      params: { id: params.row.uid }
                    })
                  }
                }
              },
              params.row.authorname
            )
            return details
          }
        },
        {
          title: '机构名',
          key: 'org_name',
          align: 'center'
        },
        {
          title: '画像分',
          key: 'sum_index',
          align: 'center'
        },
        {
          title: '与美国合作次数',
          key: 'co_usa_number',
          align: 'center'
        },
        {
          title: '查看合作者',
          align: 'center',
          render: (h, params) => {
            let check = h(
              'Button',
              {
                props: {
                  type: 'text',
                  size: 'small'
                },
                style: {
                  color: '#2d8cf0',
                  fontSize: '14px',
                  marginRight: '5px'
                },
                on: {
                  click: () => {
                    let id = params.row.uid
                    this.getCoopAuthor(id)
                    this.coorModel = true
                  }
                }
              },
              '查看'
            )
            // return h('div',[check])
            return check
          }

        }
      ],
      NumData: [],
      evaluateColumns: [
        {
          title: '年份',
          key: 'year',
          align: 'center'
        },
        {
          title: '姓名',
          key: 'authorname',
          align: 'center',
          render: (h, params) => {
            // console.log(params)
            let details = h(
              'a',
              {
                style: {
                  color: '#2d8cf0'
                },
                on: {
                  click: () => {
                    console.log(params.row.uid)
                    this.$router.push({
                      name: 'wash_talents_details/:id',
                      params: { id: params.row.uid }
                    })
                  }
                }
              },
              params.row.authorname
            )
            return details
          }
        },
        {
          title: '机构名',
          key: 'org_name',
          align: 'center'
        },
        {
          title: '年龄',
          key: 'age',
          align: 'center'
        },
        {
          title: 'G指数',
          key: 'gindex',
          align: 'center'
        },
        {
          title: 'CA+指数',
          key: 'ra2',
          align: 'center'
        },
        {
          title: 'H++指数',
          key: 'ra',
          align: 'center'
        },
        {
          title: '画像分',
          key: 'sum_index',
          align: 'center'
        }
        // {
        //   title: "系统层次",
        //   key: "rangking",
        //   align: "center",
        // },
        // {
        //   title: "自身非学术评价",
        //   key: "evaluate",
        //   align: "center",
        // },
        // {
        //   title: "合作者非学术评价",
        //   key: "evaluate_all",
        //   align: "center",
        // },
      ],
      growthColumes: [
        { type: 'selection', width: 60, align: 'center' },
        {
          title: '姓名',
          key: 'authorname',
          align: 'left'
        },
        {
          title: '机构名',
          key: 'org_name',
          align: 'left'
        }
      ],
      growthData: [{ authorname: '张三', org_name: '复旦大学' }],
      growthDataAll: [],
      evaluateData: []
    }
  },
  created () {},
  mounted () {
  },
  methods: {
    getDatalist () {
      if (this.BntTitle == '学科多维度对比') {
        this.xKWDget()
      }
      if (this.BntTitle == '学科人才机构对比') {
        this.XueKeget()
      }
      if (this.BntTitle == 'H++指数分析') {
        this.hNumberRequest()
      }
      if (this.BntTitle == 'H++指数五年趋势') {
        this.getHnum5()
      }
      if (this.BntTitle == 'CA+指数分析') {
        this.getCa()
      }
      if (this.BntTitle == 'CA+指数五年趋势分析') {
        this.getCa5()
      }
      if (this.BntTitle == 'G指数分析') {
        this.getG()
      }
      if (this.BntTitle == 'G指数五年趋势') {
        this.getGh5()
      }
      if (this.BntTitle == '国内外引进人才在专利方面的贡献对比') {
        this.get_bring_patent()
      }
      if (this.BntTitle == '国内人才与美国合作超过50次人才名单') {
        this.cooperation()
      }
      if (this.BntTitle == '国内人才自身与合作者的非学术评价') {
        this.evaluateGet() // evaluateData
      }
      if (this.BntTitle == '各校学科人才平均数字画像分及排序') {
        this.getSubjectPortray()
      }
      if (this.BntTitle == '不同层次人才在学术论文方面的贡献') {
        this.getPapers()
      }
      if (this.BntTitle == '不同层次人才在专利转化方面的贡献') {
        this.gettelentZl()
      }
      if (this.BntTitle == '引进人才个人成长变化对比分析') {
        this.growthChange() // growthData
      }
      // if (this.BntTitle == "引进人才在本校的团队合作情况对比分析") {
      // }
      if (this.BntTitle == '国内外引进人才在学术论文方面的贡献对比') {
        this.academicGet()
      }
      if (this.BntTitle == '学科人才转化能力(专利转化所在国家对比)') {
        this.getsubTelent()
      }
      if (this.BntTitle == '学科人才转化能力(国际专利转化绝对数量对比)') {
        this.guojiNumberRequest()
      }
    },
    changeBtn (item) {
      this.cur = item.cur
      console.log(item)
      if (item.title == '学科多维度对比') {
        this.growthshow = false // 个人成长图使用
        this.growths = false // 个人成长图使用
        this.drawers = true
        this.showTlf = true // 层次
        this.showYear = true
        this.middle = true
        this.showYears = false
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.xKWDshow = false // 学科维度
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.svgShow = true
        this.BntTitle = item.title
        this.searchdata = {}
        this.wDXueKeData = {}
      }
      if (item.title == '国内人才自身与合作者的非学术评价') {
        this.showYear = true
        this.drawers = false
        this.showTlf = true // 层次
        this.showYears = false
        this.growthshow = false // 个人成长图使用
        this.growths = false // 个人成长图使用
        this.middle = true
        this.pageShow = true // 分页公用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = true // 导出按钮
        this.svgShow = true
        this.xKWDshow = false // 学科维度
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = true // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        console.log('this.exportNumsShow', this.exportNumsShow)
        this.searchdata = {}
        this.evaluateGet()
      }
      if (item.title == '国内人才与美国合作超过50次人才名单') {
        this.showYear = true
        this.drawers = false
        this.showTlf = true // 层次
        this.showYears = false
        this.middle = true
        this.xKWDshow = false // 学科维度
        this.growthshow = false // 个人成长图使用
        this.growths = false // 个人成长图使用
        this.exportNumsShow = true // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = true // 分页公用
        this.svgShow = false
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = true // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title
        this.searchdata = {}
        this.cooperation()
      }
      if (item.title == '学科人才机构对比') {
        this.showYear = true
        this.drawers = true
        this.showTlf = false // 层次
        this.showYears = false
        this.middle = true
        this.xKWDshow = false // 学科维度
        this.growthshow = false // 个人成长图使用
        this.growths = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = true // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == 'H++指数分析') {
        this.showYear = true
        this.drawers = true
        this.showTlf = true // 层次
        this.showYears = false
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.xKWDshow = false // 学科维度
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == 'H++指数五年趋势') {
        this.showYears = true
        this.drawers = true
        this.showTlf = true // 层次
        this.showYear = false
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.xKWDshow = false // 学科维度
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == 'CA+指数五年趋势分析') {
        this.showYear = false
        this.drawers = true
        this.showTlf = true // 层次
        this.showYears = true
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.xKWDshow = false // 学科维度
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == 'CA+指数分析') {
        this.showYear = true
        this.drawers = true
        this.showTlf = true // 层次
        this.showYears = false
        this.middle = true
        this.xKWDshow = false // 学科维度
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == 'G指数分析') {
        this.showYear = true
        this.drawers = true
        this.showTlf = true // 层次
        this.showYears = false
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.xKWDshow = false // 学科维度
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
         this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == 'G指数五年趋势') {
        this.showYear = false
        this.drawers = true
        this.showTlf = true // 层次
        this.showYears = true
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
         this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title
        this.xKWDshow = false // 学科维度
        this.searchdata = {}
      }
      if (item.title == '国内外引进人才在专利方面的贡献对比') {
        this.showYear = false
        this.drawers = true
        this.showTlf = false // 层次
        this.showYears = true
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
         this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title
        this.xKWDshow = false // 学科维度
        this.searchdata = {}
        this.chart_bar_data16 = []
      }
      if (item.title == '各校学科人才平均数字画像分及排序') {
        this.showYear = true
        this.drawers = true
        this.showTlf = true // 层次
        this.showYears = false
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.xKWDshow = false // 学科维度
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
         this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == '不同层次人才在学术论文方面的贡献') {
        this.showYear = false
        this.drawers = true
        this.showTlf = false // 层次
        this.showYears = true
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.xKWDshow = false // 学科维度
         this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title
        this.searchdata = {}
        this.chart_bar_data12 = []
      }
      if (item.title == '不同层次人才在专利转化方面的贡献') {
        this.showYear = false
        this.drawers = true
        this.showTlf = false // 层次
        this.showYears = true
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.xKWDshow = false // 学科维度
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
         this.growth = false // 引进人才个人成长变化对比分析
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.BntTitle = item.title
        this.searchdata = {}
        this.chart_bar_data13 = []
      }
      if (item.title == '引进人才个人成长变化对比分析') {
        this.drawers = false
        this.showYear = false
        this.showTlf = false // 层次
        this.showYears = true
        this.middle = false
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.xKWDshow = false // 学科维度
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
        this.growth = true // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == '国内外引进人才在学术论文方面的贡献对比') {
        this.drawers = true
        this.showYear = false
        this.showTlf = false // 层次
        this.showYears = true
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.xKWDshow = false // 学科维度
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
        this.chart_bar_data15 = []
      }
      if (item.title == '学科人才转化能力(专利转化所在国家对比)') {
        this.drawers = true
        this.showYear = true
        this.showYears = false
        this.showTlf = true // 层次
        this.middle = true
        this.growths = false // 个人成长图使用
        this.growthshow = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.xKWDshow = false // 学科维度
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
      if (item.title == '学科人才转化能力(国际专利转化绝对数量对比)') {
        this.drawers = true
        this.showYear = true
        this.showYears = false
        this.middle = true
        this.showTlf = true // 层次
        this.growthshow = false // 个人成长图使用
        this.growths = false // 个人成长图使用
        this.exportNumsShow = false // 导出按钮
        this.exportEvalShow = false // 导出按钮
        this.pageShow = false // 分页公用
        this.svgShow = true
        this.xKWDshow = false // 学科维度
        this.XueKe = false // 学科人才机构比较
        this.CAShow = false // CA+指数分析
        this.Ca5 = false // ca5年趋势
        this.hNshow = false // H++走势用
        this.Hnum5 = false // H++5年趋势
        this.GShow = false // G走势用
        this.Gh5 = false // G指数5年趋势
        this.bring_patent = false // 国内外引进人才在专利方面的贡献对比
        this.numberShow = false // 国内外人才与美国合作超过50次人才名单
        this.evaluateShow = false // 国内人才自身与合作者的非学术评价
        this.Portray = false // 各校学科人才平均数字画像分及排序
        this.papers = false // 不同层次人才在学术论文方面的贡献
        this.telentZl = false // 不同层次人才在专利转化方面的贡献
        this.academic = false // 国内外引进人才在学术论文方面的贡献对比图
        this.subTelent = false // 学科人才转化能力（专利转化所在国家对比）
        this.GuoShow = false // 学科人才转化能力（国际专利绝对数量对比）
         this.growth = false // 引进人才个人成长变化对比分析
        this.BntTitle = item.title
        this.searchdata = {}
      }
    },
    remoteMethod (query) {
      // 机构筛选-远程搜索
      // console.log(query);
      if (query !== '') {
        this.loading1 = true
        // console.log(this.subId);
        // let subId = this.$route.query.id
        let subId = 8001
        getOrgname(query, subId)
          .then((res) => {
            if (res.status == 200) {
              if (res.data.code == 0) {
                // console.log(res.data.data);
                this.loading1 = false
                let list = res.data.data
                console.log(res.data)
                this.orgnameList = list
                console.log(this.orgnameList)
              }
            }
          })
          .catch((err) => {
            console.log(err)
          })
      } else {
        this.orgnameList = []
      }
    },
    hNumberRequest () {
      // H++ 走势 chart_bar_data1
      // this.loading = true
      this.chart_bar_data1 = []
      let orgname = this.searchdata.orgname
      let params = {
        year: this.searchdata.year,
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let list = ''
      let _this = this
      console.log(params)
      hNumber(params)
        .then((res) => {
          console.log(res)
          _this.svgShow = false
          if (res.data.code == 0 && res.data.data.length) {
            let data = res.data.data
            console.log(data)
            let list = []
            for (let i in data) {
              list.push({ name: data[i].key, value: parseFloat(data[i].avg_ra.value).toFixed(2),radios: '1' })
            }
            _this.chart_bar_data1 = list
            console.log(_this.chart_bar_data1)
            _this.loading = false
            _this.hNshow = true
            _this.NoneShow = false
          } else {
            _this.hNshow = false
            _this.NoneShow = true
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    guojiNumberRequest () {
      this.chart_bar_data4 = []
      let _this = this
      let orgname = this.searchdata.orgname
      let params = {
        org_id: JSON.stringify(orgname),
        year: this.searchdata.year,
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      console.log(params)
      guojiNumber(params)
        .then((res) => {
          console.log(res.data)
          _this.svgShow = false
          if (res.data.length){
            let list = []
            let data = res.data
            for (let i in data) {
              list.push({ name: data[i].key, value: data[i].result.value,radios: '1' })
            }
          _this.chart_bar_data4 = list
          _this.GuoShow = true
          _this.NoneShow = false
          } else {
            _this.GuoShow = false
            _this.NoneShow = true
          }
          _this.loading = false
        })
        .catch((err) => {
          console.log(err)
        })
    },
    xKWDget () {
      // 学科维度
      let orgname = this.searchdata.orgname
      this.loading = true
      let params = {
        year: this.searchdata.year,
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      subDuoVs(params)
        .then((res) => {
          console.log(res)
          _this.svgShow = false
          if (res.data.code == 0&&res.data.data.length) {
            let data = res.data.data
            let yData = []
            let legendData = []
            for (let i in data) {
              legendData.push(data[i].name)
              console.log(data[i])
              yData.push({
                name: data[i].name,
                value: [
                  data[i].value.xueshu_index,
                  data[i].value.keji_index,
                  data[i].value.huodong_index,
                  data[i].value.qushi_index,
                  data[i].value.redu_index,
                  data[i].value.hezuozhe_index,
                ]
              })
            }
            let maxdata = res.data.max
            let xData = []
            xData.push({
              name: '研究实力',
              max: maxdata.xueshu_index == 0 ? 0.1 : maxdata.xueshu_index * 1.1
            })
            xData.push({
              name: '转化能力',
              max: maxdata.keji_index == 0 ? 0.1 : maxdata.keji_index * 1.1
            })
            xData.push({
              name: '学术会议影响',
              max: maxdata.huodong_index == 0 ? 0.1 : maxdata.huodong_index * 1.1
            })
            xData.push({
              name: '研究趋势匹配',
              max: maxdata.qushi_index == 0 ? 0.1 : maxdata.qushi_index * 1.1
            })
            xData.push({
              name: '研究内容热度',
              max: maxdata.redu_index == 0 ? 0.1 : maxdata.redu_index * 1.1
            })
            xData.push({
              name: '合作者影响',
              max: maxdata.hezuozhe_index == 0 ? 0.1 : maxdata.hezuozhe_index * 1.1
            })
            _this.xKWDshow = true
            console.log(_this.xKWDshow)
            console.log(_this.svgShow)
            _this.xData = xData
            _this.wDXueKeData = { yData: yData, legendData: legendData }
            console.log(_this.wDXueKeData)
            _this.loading = false
            _this.NoneShow = false
          } else {
            _this.NoneShow = true
             _this.xKWDshow = false
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    getCa5 () {
      // ca五年走势
      this.chart_bar_data6 = {}

      let orgname = this.searchdata.orgname
      let index = this.searchdata.list
      let year = this.year[index]
      let params = {
        org_id: JSON.stringify(orgname),
        year: JSON.stringify(year),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      canumBers(params)
        .then((res) => {
          _this.svgShow = false
          console.log(res.data)
          _this.svgShow = false
          if (Object.keys(res.data).length){
            let data = res.data
            let yData = data.yDate
            for (let i in yData){
              yData[i]['radios'] = '0'
            }
            _this.chart_bar_data6 = {
              legend: data.legend,
              yData: yData,
              xData: data.xDate
            }
            _this.Ca5 = true
            _this.NoneShow = false
          } else {
            _this.Ca5 = false
            _this.NoneShow = true
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    getSubjectPortray () {
      // 学科画像分
      this.chart_bar_data9 = []
      let orgname = this.searchdata.orgname
      let params = {
        year: this.searchdata.year,
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      getSubjectPortray(params)
        .then((res) => {
          console.log(res)
          _this.svgShow = false
          if (res.data.code == 0 && res.data.data.length) {
            let list = []
            let data = res.data.data
            for(let i in data) {
              list.push({name: data[i].org_name,value:data[i].avg})
            }
            _this.chart_bar_data9 = list
            _this.Portray = true
            _this.NoneShow = false
          } else {
            _this.NoneShow = true
            _this.Portray = false
          }
          //  else {
          //   _this.$Modal.warning({title:'信息提示：',content: '此搜索没有数据！'})
          // }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    getHnum5 () {
      this.chart_bar_data7 ={}
      let orgname = this.searchdata.orgname
      let index = this.searchdata.list
      let year = this.year[index]
      let params = {
        org_id: JSON.stringify(orgname),
        year: JSON.stringify(year),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      hnumbers(params)
        .then((res) => {
          _this.svgShow = false
          console.log(res.data)
          let data = res.data
          if (Object.keys(data).length){
            let yData = data.yDate
            for (let i in yData){
              yData[i]['radios'] = '0'
            }
            _this.chart_bar_data7 = {
              legend: data.legend,
              yData: yData,
              xData: data.xDate
            }
            _this.Hnum5 = true
            _this.NoneShow = false
          } else {
            _this.Hnum5 = false
            _this.NoneShow = true
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    XueKeget () {
      // 学科人才机构对比
      this.chart_bar_data10 = []
      let orgname = this.searchdata.orgname
      let params = {
        year: this.searchdata.year,
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      subVs(params)
        .then((res) => {
          console.log(res)
          _this.svgShow = false
          if (res.data.code == 0 &&Object.keys(res.data.data).length){
            let data = res.data.data
            if (Object.keys(data).length) {
              let list = []
              let  keys = Object.keys(data)
              let value = Object.values(data)
              for (let i in keys) {
                list.push({name:keys[i],value:value[i]})
              }
              _this.chart_bar_data10 = list
              _this.XueKe = true
              _this.NoneShow = false
            } else {
              _this.XueKe = false
              _this.NoneShow = true
            }
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    getsubTelent () {
      // 学科转化能力
      this.chart_bar_data11 = {}
      let orgname = this.searchdata.orgname
      let params = {
        year: this.searchdata.year,
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      let _this = this
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      console.log(params)
      xueZhuan(params).then((res) => {
        console.log(res.data)
        _this.svgShow = false
        if (res.data.length) {
          let data = res.data
          let list = []
          for (let i in data) {
            let _data = []
            // data.push({})
            let AU = data[i].AU.value
            let CA = data[i].CA.value
            let EP = data[i].EP.value
            let JP = data[i].JP.value
            let KR = data[i].KR.value
            let RA = data[i].RA.value
            let US = data[i].US.value
            let WO = data[i].WO.value
            if (AU && AU < 10) {
              _data.push({
                value: AU,
                name: 'AU',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            } else if (AU >= 10) {
              _data.push({ value: AU, name: 'AU' })
            }
            if (CA >= 10) {
              _data.push({ value: CA, name: 'CA' })
            } else if (CA && CA < 10) {
              _data.push({
                value: CA,
                name: 'CA',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            }
            if (EP && EP < 10) {
              _data.push({
                value: EP,
                name: 'EP',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            }
            if (EP >= 10) {
              _data.push({ value: EP, name: 'EP' })
            }
            if (JP && JP < 10) {
              _data.push({
                value: JP,
                name: 'JP',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            }
            if (JP >= 10) {
              _data.push({ value: JP, name: 'JP' })
            }
            if (KR && KR < 10) {
              _data.push({
                value: KR,
                name: 'KR',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            }
            if (KR >= 10) {
              _data.push({ value: KR, name: 'KR' })
            }
            if (RA && RA < 10) {
              _data.push({
                value: RA,
                name: 'RA',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            }
            if (RA >= 10) {
              _data.push({ value: RA, name: 'RA' })
            }
            if (US && US < 10) {
              _data.push({
                value: US,
                name: 'US',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            }
            if (US >= 10) {
              _data.push({ value: US, name: 'US' })
            }
            if (WO && WO < 10) {
              _data.push({
                value: WO,
                name: 'WO',
                labelLine: { show: true },
                label: { position: 'outer' }
              })
            }
            if (WO >= 10) {
              _data.push({ value: WO, name: 'WO' })
            }
            // labelLine:{show:true},label:{position:'outer'}
            list.push({ text: data[i].key, data: _data })
            console.log(list)
            _this.chart_bar_data11 = { series: list }
          }
          _this.subTelent = true
          _this.NoneShow = false
        } else{
          _this.subTelent = false
          _this.NoneShow = true
        }
        // else{
        //   _this.$Modal.warning({title:'信息提示：',content: '此搜索没有数据！'})
        // }
      }).catch((err) => {
        console.log(err)
      })
    },
    getG () {
      this.chart_bar_data2 = []
      let orgname = this.searchdata.orgname
      let params = {
        year: this.searchdata.year,
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      gnumber(params)
        .then((res) => {
          console.log(res)
          _this.svgShow = false
          if (res.data.code == 0 && res.data.data.name && res.data.data.name.length) {
            let list = []
            let data = res.data.data.name
            let value = res.data.data.value
            for(let i in data) {
              list.push({name: data[i],value:value[i],radios: '1'})
            }
            _this.chart_bar_data2 = list
            _this.GShow = true
            _this.NoneShow = false
          } else {
            _this.GShow = false
            _this.NoneShow = true
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    getCa () {
      // CA++ 指数
      this.chart_bar_data3 = []
      let orgname = this.searchdata.orgname
      let params = {
        year: this.searchdata.year,
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      canumBer(params)
        .then((res) => {
          console.log(res.data)
          _this.svgShow = false
          if (res.data.code == 0 && res.data.data.name  && res.data.data.name.length) {
            let list = []
            let data = res.data.data.name
            let value = res.data.data.value
            for(let i in data) {
              list.push({name: data[i],value:value[i],radios: '1'})
            }
            _this.chart_bar_data3 = list
            _this.CAShow = true
            _this.NoneShow = false
          } else {
            _this.CAShow = false
            _this.NoneShow = true
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    academicGet () {
      // 国内外引进人才在学术论文方面的贡献对比 data15
      this.chart_bar_data15 = []
      let orgname = this.searchdata.orgname
      let index = this.searchdata.list
      let year = this.year[index]
      let params = {
        year: JSON.stringify(year),
        org_id: JSON.stringify(orgname),
        // org_id: JSON.stringify([60005248,60006541,60005248,60020486,60017651]),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      let _this = this
      _this.svgShow = false
      console.log(params)
      PatentContribution(params)
        .then((res) => {
          console.log(res.data, '===============')
           if (res.data.code == 0&&Object.keys(res.data.data).length) {
            let data = res.data.data
            let years = Object.keys(data)
            let vals = Object.values(data)
            let orgs = Object.keys(vals[0])
            let list = []
            let val1 = vals[0]  //2015值
            let val2 = vals[1]  //2016值
            let val3 = vals[2]  //2017值
            let val4 = vals[3]  //2018值
            let val5 = vals[4]  //2019值
            for (let i in orgs) {
              let list1 = []
              let list2 = []
              let list3 = []
              let org = orgs[i]
              let num1 = val1[org][0]['sum_all'] ==0?0: val1[org][0]['num']/val1[org][0]['sum_all']
              let num2 = val2[org][0]['sum_all'] ==0?0: val2[org][0]['num']/val2[org][0]['sum_all']
              let num3 = val3[org][0]['sum_all'] ==0?0: val3[org][0]['num']/val3[org][0]['sum_all']
              let num4 = val4[org][0]['sum_all'] ==0?0: val4[org][0]['num']/val4[org][0]['sum_all']
              let num5 = val5[org][0]['sum_all'] ==0?0: val5[org][0]['num']/val5[org][0]['sum_all']

              let num11 = val1[org][1]['sum_all'] ==0?0: val1[org][1]['num']/val1[org][1]['sum_all']
              let num21 = val2[org][1]['sum_all'] ==0?0: val2[org][1]['num']/val2[org][1]['sum_all']
              let num31 = val3[org][1]['sum_all'] ==0?0: val3[org][1]['num']/val3[org][1]['sum_all']
              let num41 = val4[org][1]['sum_all'] ==0?0: val4[org][1]['num']/val4[org][1]['sum_all']
              let num51 = val5[org][1]['sum_all'] ==0?0: val5[org][1]['num']/val5[org][1]['sum_all']

              let num12 = val1[org][2]['sum_all'] ==0?0: val1[org][2]['num']/val1[org][2]['sum_all']
              let num22 = val2[org][2]['sum_all'] ==0?0: val2[org][2]['num']/val2[org][2]['sum_all']
              let num32 = val3[org][2]['sum_all'] ==0?0: val3[org][2]['num']/val3[org][2]['sum_all']
              let num42 = val4[org][2]['sum_all'] ==0?0: val4[org][2]['num']/val4[org][2]['sum_all']
              let num52 = val5[org][2]['sum_all'] ==0?0: val5[org][2]['num']/val5[org][2]['sum_all']
              list1.push(num1)
              list1.push(num2)
              list1.push(num3)
              list1.push(num4)
              list1.push(num5)
              list2.push(num11)
              list2.push(num21)
              list2.push(num31)
              list2.push(num41)
              list2.push(num51)
              list3.push(num12)
              list3.push(num22)
              list3.push(num32)
              list3.push(num42)
              list3.push(num52)
              list.push({name:org,value:{0:list1,1:list2,2:list3}})
            }
            console.log(list)
            _this.chart_bar_data15 = list
            _this.titleData15 = years
            _this.academic = true
            _this.NoneShow = false
        } else {
          _this.academic = false
          _this.NoneShow = true
        }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    getGh5 () {
      this.chart_bar_data8 = {}
      let orgname = this.searchdata.orgname
      let index = this.searchdata.list
      let year = this.year[index]
      let params = {
        org_id: JSON.stringify(orgname),
        year: JSON.stringify(year),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      gnumbers(params)
        .then((res) => {
          console.log(res.data)
          let data = res.data
          _this.svgShow = false
          if(Object.keys(data).length){
            let yData = data.yDate
            for (let i in yData){
              yData[i]['radios'] = '0'
            }
            _this.chart_bar_data8 = {
              legend: data.legend,
              yData: yData,
              xData: data.xDate
            }
            _this.Gh5 = true
            _this.NoneShow = false
          } else {
            _this.Gh5 = false
            _this.NoneShow = true
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    getPapers () {
      // 不同层次人才在学术转化方面的贡献  data13
      let orgname = this.searchdata.orgname
      let index = this.searchdata.list
      let year = this.year[index]
      let params = {
        year: JSON.stringify(year),
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      // console.log(params)
      difTelentPaper(params).then((res) => {
        if (res.data.code == 0) {
          // console.log(res.data, '===============')
          _this.svgShow =false
          if(res.data.code==0 && Object.keys(res.data.data).length){
            let data = res.data.data
            let years = Object.keys(data)
            let vals = Object.values(data)
            let orgs = Object.keys(vals[0])
            let list = []
            let val1 = vals[0]  //2015值
            let val2 = vals[1]  //2016值
            let val3 = vals[2]  //2017值
            let val4 = vals[3]  //2018值
            let val5 = vals[4]  //2019值
            for (let i in orgs) {
              let list1 = []
              let list2 = []
              let list3 = []
              let org = orgs[i]
              let num1 = val1[org][0]['sum_all'] ==0?0: val1[org][0]['num']/val1[org][0]['sum_all']
              let num2 = val2[org][0]['sum_all'] ==0?0: val2[org][0]['num']/val2[org][0]['sum_all']
              let num3 = val3[org][0]['sum_all'] ==0?0: val3[org][0]['num']/val3[org][0]['sum_all']
              let num4 = val4[org][0]['sum_all'] ==0?0: val4[org][0]['num']/val4[org][0]['sum_all']
              let num5 = val5[org][0]['sum_all'] ==0?0: val5[org][0]['num']/val5[org][0]['sum_all']

              let num11 = val1[org][1]['sum_all'] ==0?0: val1[org][1]['num']/val1[org][1]['sum_all']
              let num21 = val2[org][1]['sum_all'] ==0?0: val2[org][1]['num']/val2[org][1]['sum_all']
              let num31 = val3[org][1]['sum_all'] ==0?0: val3[org][1]['num']/val3[org][1]['sum_all']
              let num41 = val4[org][1]['sum_all'] ==0?0: val4[org][1]['num']/val4[org][1]['sum_all']
              let num51 = val5[org][1]['sum_all'] ==0?0: val5[org][1]['num']/val5[org][1]['sum_all']

              let num12 = val1[org][2]['sum_all'] ==0?0: val1[org][2]['num']/val1[org][2]['sum_all']
              let num22 = val2[org][2]['sum_all'] ==0?0: val2[org][2]['num']/val2[org][2]['sum_all']
              let num32 = val3[org][2]['sum_all'] ==0?0: val3[org][2]['num']/val3[org][2]['sum_all']
              let num42 = val4[org][2]['sum_all'] ==0?0: val4[org][2]['num']/val4[org][2]['sum_all']
              let num52 = val5[org][2]['sum_all'] ==0?0: val5[org][2]['num']/val5[org][2]['sum_all']
              list1.push(num1)
              list1.push(num2)
              list1.push(num3)
              list1.push(num4)
              list1.push(num5)
              list2.push(num11)
              list2.push(num21)
              list2.push(num31)
              list2.push(num41)
              list2.push(num51)
              list3.push(num12)
              list3.push(num22)
              list3.push(num32)
              list3.push(num42)
              list3.push(num52)
              list.push({name:org,value:{0:list3,1:list2,2:list1}})
              let l = [{name: '上海',value: {0:[1,2,3,1,4],1:[1,2,3,1,4],2:[1,2,3,1,4]}}]
            }
            console.log(list)
            _this.chart_bar_data13 = list
            _this.titleData13 = years
            _this.papers = true
            _this.NoneShow = false
          } else {
            _this.papers = false
            _this.NoneShow = true
          }
        }
      })
    },
    get_bring_patent () {
      // 国内外引进人才在专利方面的贡献对比  chart_bar_data16
      let orgname = this.searchdata.orgname
      let index = this.searchdata.list
      let year = this.year[index]
      let params = {
        year: JSON.stringify(year),
        // org_id: JSON.stringify([60005248,60006541,60005248,60020486,60017651]),
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      // if (this.searchdata.arrange) {
      //   params.tlf = this.searchdata.arrange
      // }
      let _this = this
      console.log(params)
      getAcademicPapers(params)
        .then((res) => {
          _this.svgShow = false
          console.log(res.data, '===============')
          if (res.data.code == 0&&Object.keys(res.data.data).length) {
            let data = res.data.data
            let years = Object.keys(data)
            let vals = Object.values(data)
            let orgs = Object.keys(vals[0])
            let list = []
            let val1 = vals[0]  //2015值
            let val2 = vals[1]  //2016值
            let val3 = vals[2]  //2017值
            let val4 = vals[3]  //2018值
            let val5 = vals[4]  //2019值
            for (let i in orgs) {
              let list1 = []
              let list2 = []
              let list3 = []
              let org = orgs[i]
              let num1 = val1[org][0]['sum_all'] ==0?0: val1[org][0]['num']/val1[org][0]['sum_all']
              let num2 = val2[org][0]['sum_all'] ==0?0: val2[org][0]['num']/val2[org][0]['sum_all']
              let num3 = val3[org][0]['sum_all'] ==0?0: val3[org][0]['num']/val3[org][0]['sum_all']
              let num4 = val4[org][0]['sum_all'] ==0?0: val4[org][0]['num']/val4[org][0]['sum_all']
              let num5 = val5[org][0]['sum_all'] ==0?0: val5[org][0]['num']/val5[org][0]['sum_all']

              let num11 = val1[org][1]['sum_all'] ==0?0: val1[org][1]['num']/val1[org][1]['sum_all']
              let num21 = val2[org][1]['sum_all'] ==0?0: val2[org][1]['num']/val2[org][1]['sum_all']
              let num31 = val3[org][1]['sum_all'] ==0?0: val3[org][1]['num']/val3[org][1]['sum_all']
              let num41 = val4[org][1]['sum_all'] ==0?0: val4[org][1]['num']/val4[org][1]['sum_all']
              let num51 = val5[org][1]['sum_all'] ==0?0: val5[org][1]['num']/val5[org][1]['sum_all']

              let num12 = val1[org][2]['sum_all'] ==0?0: val1[org][2]['num']/val1[org][2]['sum_all']
              let num22 = val2[org][2]['sum_all'] ==0?0: val2[org][2]['num']/val2[org][2]['sum_all']
              let num32 = val3[org][2]['sum_all'] ==0?0: val3[org][2]['num']/val3[org][2]['sum_all']
              let num42 = val4[org][2]['sum_all'] ==0?0: val4[org][2]['num']/val4[org][2]['sum_all']
              let num52 = val5[org][2]['sum_all'] ==0?0: val5[org][2]['num']/val5[org][2]['sum_all']
              list1.push(num1)
              list1.push(num2)
              list1.push(num3)
              list1.push(num4)
              list1.push(num5)
              list2.push(num11)
              list2.push(num21)
              list2.push(num31)
              list2.push(num41)
              list2.push(num51)
              list3.push(num12)
              list3.push(num22)
              list3.push(num32)
              list3.push(num42)
              list3.push(num52)
              list.push({name:org,value:{0:list1,1:list2,2:list3}})
            }
            console.log(list)
            _this.chart_bar_data16 = list
            _this.titleData16 = years
            _this.bring_patent = true
            _this.NoneShow = false
          } else{
            _this.bring_patent = false
            _this.NoneShow = true
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    gettelentZl () {
      // 不同层次人才的贡献专利
      let orgname = this.searchdata.orgname
      let index = this.searchdata.list
      let year = this.year[index]
      let params = {
        year: JSON.stringify(year),
        org_id: JSON.stringify(orgname),
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      peopleChange(params).then((res) => {
        console.log('tag-----------------', res)
        _this.svgShow = false
        if (res.data.code == 0&&Object.keys(res.data.data).length) {
            let data = res.data.data
            let years = Object.keys(data)
            let vals = Object.values(data)
            let orgs = Object.keys(vals[0])
            let list = []
            let val1 = vals[0]  //2015值
            let val2 = vals[1]  //2016值
            let val3 = vals[2]  //2017值
            let val4 = vals[3]  //2018值
            let val5 = vals[4]  //2019值
            for (let i in orgs) {
              let list1 = []
              let list2 = []
              let list3 = []
              let org = orgs[i]
              let num1 = val1[org][0]['sum_all'] ==0?0: val1[org][0]['num']/val1[org][0]['sum_all']
              let num2 = val2[org][0]['sum_all'] ==0?0: val2[org][0]['num']/val2[org][0]['sum_all']
              let num3 = val3[org][0]['sum_all'] ==0?0: val3[org][0]['num']/val3[org][0]['sum_all']
              let num4 = val4[org][0]['sum_all'] ==0?0: val4[org][0]['num']/val4[org][0]['sum_all']
              let num5 = val5[org][0]['sum_all'] ==0?0: val5[org][0]['num']/val5[org][0]['sum_all']

              let num11 = val1[org][1]['sum_all'] ==0?0: val1[org][1]['num']/val1[org][1]['sum_all']
              let num21 = val2[org][1]['sum_all'] ==0?0: val2[org][1]['num']/val2[org][1]['sum_all']
              let num31 = val3[org][1]['sum_all'] ==0?0: val3[org][1]['num']/val3[org][1]['sum_all']
              let num41 = val4[org][1]['sum_all'] ==0?0: val4[org][1]['num']/val4[org][1]['sum_all']
              let num51 = val5[org][1]['sum_all'] ==0?0: val5[org][1]['num']/val5[org][1]['sum_all']

              let num12 = val1[org][2]['sum_all'] ==0?0: val1[org][2]['num']/val1[org][2]['sum_all']
              let num22 = val2[org][2]['sum_all'] ==0?0: val2[org][2]['num']/val2[org][2]['sum_all']
              let num32 = val3[org][2]['sum_all'] ==0?0: val3[org][2]['num']/val3[org][2]['sum_all']
              let num42 = val4[org][2]['sum_all'] ==0?0: val4[org][2]['num']/val4[org][2]['sum_all']
              let num52 = val5[org][2]['sum_all'] ==0?0: val5[org][2]['num']/val5[org][2]['sum_all']
              list1.push(num1)
              list1.push(num2)
              list1.push(num3)
              list1.push(num4)
              list1.push(num5)
              list2.push(num11)
              list2.push(num21)
              list2.push(num31)
              list2.push(num41)
              list2.push(num51)
              list3.push(num12)
              list3.push(num22)
              list3.push(num32)
              list3.push(num42)
              list3.push(num52)
              list.push({name:org,value:{0:list3,1:list2,2:list1}})
            }
            console.log(list)
            _this.chart_bar_data12 = list
            _this.titleData12 = years
            _this.telentZl = true
          _this.NoneShow = false
        } else {
          _this.telentZl = false
          _this.NoneShow = true
        }
      })
    },
    NumchangePage (page) {
      this.numPage.page = page
      this.cooperation()
    },
    NumchangePagesize (pagesize) {
      this.numPage.pagesize = pagesize
      this.cooperation()
    },
    evalchangePage (page) {
      this.evalPage.page = page
      this.evaluateGet()
    },
    evalchangePagesize (pagesize) {
      this.evalPage.pagesize = pagesize
      this.evaluateGet()
    },
    GrowthchangePage (page) {
      this.growthPage.page = page
      let p = page > 0 ? page : this.growthPage.page
      let start = (p - 1) * this.growthPage.pagesize
      let end = p * this.growthPage.pagesize
      this.growthData = this.growthDataAll.slice(start, end)
    },
    GrowthchangePagesize (pagesize) {
      this.growthPage.pagesize = pagesize
      let page = 1
      let start = (page - 1) * pagesize
      let end = page * pagesize
      this.growthData = this.growthDataAll.slice(start, end)
    },
    selectGrowth (vals) {
      let yData = []
      let xData = []
      let legend = []
      for (let i in vals) {
        let name = vals[i].authorname + ':' + vals[i].org_name
        yData.push({ name: name, value: vals[i].gindex,radios:'0'})
        xData = vals[i].year
        legend.push(vals[i].org_name)
      }
      this.grouth_bar_data = { yData: yData, xData: xData }
    },
    generate () {
      this.growthshow = false
      this.chart_bar_data14 = this.grouth_bar_data
      console.log(this.chart_bar_data14)
      this.growthshow = true
      this.growths = true
      this.svgShow = false
    },
    growthChange () {
      let org_name = this.growthSearch.org_name
      let years = this.growthSearch.year
      let year = this.year[years]
      let yj_type = this.growthSearch.yj_type
      let page = this.growthPage.page
      let pagesize = this.growthPage.pagesize
      let params = {
        year: JSON.stringify(year),
        org_id: JSON.stringify(org_name),
        code_id: 8001,
        // code_id: this.$route.query.id,
        gradation: this.growthSearch.gradation
      }
      let _this = this
      console.log(params)
      getPersonalGrowth(params).then((res) => {
        console.log(res)
        if (res.data.code == 0&&res.data.data.length) {
          let data = res.data.data
          _this.growthDataAll = data
          _this.growthPage.total = data.length
          _this.GrowthchangePage(page)
          _this.GrowthchangePagesize(pagesize)
        } else {
          _this.svgShow = true
        }
      })
    },
    cooperation () {
      // 合作50次
      let org_name = this.searchdata.orgname
      let year = this.searchdata.year
      this.loading = true
      let params = {
        page: this.numPage.page,
        pagesize: this.numPage.pagesize,
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (JSON.stringify(year)) {
        params.year = year
      }
      if (JSON.stringify(org_name)) {
        params.org_id = JSON.stringify(org_name)
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      _this.svgShow = false
      _this.NoneShow = false
      console.log(params)
      getusanumberTables(params)
        .then((res) => {
          if (res.data.code == 0) {
            console.log(res.data.data)
            _this.NumData = res.data.data
            _this.numPage.total = res.data.total
            _this.loading = false
          }
        })
        .catch((err) => {
          console.log(err)
        })
    },
    evaluateGet () {
      // 人才评价
      let org_name = this.searchdata.orgname
      let year = this.searchdata.year
      this.loading = true
      let params = {
        page: this.evalPage.page,
        pagesize: this.evalPage.pagesize,
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (JSON.stringify(year)) {
        params.year = year
      }
      if (JSON.stringify(org_name)) {
        params.org_id = JSON.stringify(org_name)
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      _this.svgShow = false
      _this.NoneShow = false
      console.log(params)
      evaluate(params)
        .then((res) => {
          // console.log(res);
          _this.evaluateData = res.data.data
          _this.loading = false
          _this.evalPage.total = res.data.total
        })
        .catch((err) => {
          console.log(err)
        })
    },
    exportDataNums () {
      // 导出50次
      let org_name = this.searchdata.orgname
      let year = this.searchdata.year
      let params = {
        page: this.numPage.page,
        pagesize: this.numPage.pagesize,
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (JSON.stringify(year)) {
        params.year = year
      }
      if (JSON.stringify(org_name)) {
        params.org_id = JSON.stringify(org_name)
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      exportNums(params)
        .then((res) => {
          console.log(res)
          const blob = new Blob([res.data], {
            type: 'application/octet-stream'
          })
          const downloadElement = document.createElement('a')
          const href = window.URL.createObjectURL(blob)
          downloadElement.href = href
          downloadElement.download = '国内人才与美国合作超过50次人才名单.xls'
          document.body.appendChild(downloadElement)
          downloadElement.click()
          document.body.removeChild(downloadElement)
          window.URL.revokeObjectURL(href)
        })
        .catch((err) => {
          console.log(err)
        })
    },
    exportDataEval () {
      // 导出自身评价
      let org_name = this.searchdata.orgname
      let year = this.searchdata.year
      let params = {
        page: this.evalPage.page,
        pagesize: this.evalPage.pagesize,
        code_id: 8001
        // code_id: this.$route.query.id
      }
      if (JSON.stringify(year)) {
        params.year = year
      }
      if (JSON.stringify(org_name)) {
        params.org_id = JSON.stringify(org_name)
      }
      if (this.searchdata.arrange) {
        params.tlf = this.searchdata.arrange
      }
      let _this = this
      console.log(params)
      evaluateExport(params)
        .then((res) => {
          console.log(res)
          const blob = new Blob([res.data], {
            type: 'application/octet-stream'
          })
          const downloadElement = document.createElement('a')
          const href = window.URL.createObjectURL(blob)
          downloadElement.href = href
          downloadElement.download = '国内人才自身与合作者的非学术评价.xls'
          document.body.appendChild(downloadElement)
          downloadElement.click()
          document.body.removeChild(downloadElement)
          window.URL.revokeObjectURL(href)
        })
        .catch((err) => {
          console.log(err)
        })
    },
    coorAuthorPage (v) {
      this.coorPage.page = v
      let p = v>0?v:this.coorPage.page
      let start = (p-1)*this.coorPage.size
      let end = p*this.coorPage.size
      this.coorData = this.coorDataAll.slice(start,end)
      console.log(v, this.coorData)
    },
    coorAuthorSize (v) {
      this.coorPage.size = v
      let page = 1
      let start = (page-1)*v
      let end = page*v
      this.coorData = this.coorDataAll.slice(start,end)
      console.log(v, this.coorData)
    },
    getCoopAuthor(id) {
      let _this = this
      let page = this.coorPage.page
      let size = this.coorPage.size
      coopAuthor(id).then(res=>{
        console.log(res)
        if (res.data.code == 0) {
          let data = res.data.data
          _this.coorPage.total = data.length
          _this.coorDataAll = data
          _this.coorAuthorPage(page)
          _this.coorAuthorSize(size)
        }
      }).catch(err=>{
        console.log(err)
      })

    },
    // showClick() {
    //   this.show = !this.show
    //   this.collapsed = !this.collapsed
    // }
  },
  beforeDestroy () {
    // off(window, 'resize', this.resize);
  }
}
</script>
<style scoped>

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.svgs {
  width: 300px;
  height: 300px;
  margin: 100px 0px 0px  -50px;
  /* text-align: center;
  line-height:650px */
}
.inputs >>> .ivu-form-item {
  margin-bottom: 10px;
}
.vis >>> .ivu-card-body {
  padding: 0px;
}
.drawers >>>.ivu-drawer-body {
  height: 100%;
}
.gh {
  height: 86vh;
}
.vis-left {
  height: 86vh;
  border-right: 1px solid #eeeeee;
}
.vis-right {
  height: 86vh;
  border-left: 1px solid #eee;
  overflow: scroll;
}
.vis-rights {
  height: 86vh;
  border-left: 1px solid #eee;
  overflow: scroll;
  width: 10rem;
}
.vis-left >>> .ivu-divider-horizontal {
  margin: 7px 0;
}
.left-title {
  font-size: 16px;
  margin-left: 10px;
}
.vis-list {
  margin-left: 10px;
}
.vis-left >>> .ivu-btn {
  padding: 0px 10px;
  font-size: 13px;
  /* border-radius:40px */
}
.vis-btns {
  margin: 10px 0px;
}
.set-btn {
  color: #fff;
  background-color: #19b2be;
  border-color: #19b2be;
}
.set-btn:hover {
  color: #fff;
  background-color: #19b2be;
  border-color: #19b2be;
}
.vis-btns-each {
  margin-right: 10px;
  margin: 2% 2% 0% 0%;
  /* border-radius: 4px; */
}
.active {
  background-color: #2d8cf0;
  color: rgb(247, 238, 238);
}
.vis-righ {
  padding: 2% 0% 0% 1%;
  /* font-size: 18px; */
}
.vis-export {
  margin-left: 2%;
}
.col-style {
  width: 250px;
  padding: 2% 0%;
}
.col-style1 {
  width: 210px;
  /* padding: 2% 0%; */
}
.line-style {
  padding: 2% 0%;
}
.name-input {
  margin-bottom: 2%;
}
</style>

<style lang="less" scoped>
.trans{
  transition: transform .2s ease;
}
@size: 40px;
.sider-trigger-a{
  padding: 6px;
  width: @size;
  height: @size;
  display: inline-block;
  text-align: center;
  color: #2d8cf0;
  margin-top: 12px;
  i{
    .trans;
    vertical-align: top;
  }
  &.collapsed i{
    transform: rotateZ(90deg);
    .trans;
  }
}
</style>
